找不到模块：错误：无法解析“vue”

Posted 2023-03-14

【中文标题】找不到模块：错误：无法解析“vue”

【英文标题】：Module not found:Error:Can't resolve 'vue'

【发布时间】：2020-12-15 01:32:15

【问题描述】：

我正在尝试使用 laravel 和 vuejs 创建简单的 CRUD。当我运行“npm run watch”时，它说 npm run watch

而且，当我运行 php artisan serve 时，它没有任何错误显示

localhost

这是我的代码 app.js

app.vue

【问题讨论】：

请张贴代码而不是截图到代码。有一个内置代码 sn-p thingy，您可以使用反引号来表示代码块

【参考方案1】：

在webpack.mix.js 中，只需像这样输入.vue()：

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        //
    ]).vue();

【讨论】：

这是唯一对我有帮助的东西。我一直在寻找解决方案 2 天。

【参考方案2】：

因为你缺少import语句，所以无法解析Vue。将此添加到您的 app.js 顶部

import Vue from 'vue'

【讨论】：

@lazymouse 那么你需要更新你的问题，给我们更多的信息。

【参考方案3】：

我遇到了同样的问题，我通过从 Laravel Jetstream 复制配置解决了它：

// webpack.config.js

const path = require('path');

module.exports = 
    resolve: 
        alias: 
            '@': path.resolve('resources/js'),
        ,
    ,
;

// webpack.mix.js 

const mix = require('laravel-mix')

mix
  .js('resources/js/app.js', 'public/js')
  .vue()
  .postCss('resources/css/app.css', 'public/css', [
    // prettier-ignore
    require('postcss-import'),
    require('postcss-nesting'),
    require('tailwindcss'),
  ])
  .webpackConfig(require('./webpack.config'))
  .sourceMaps()
;

if (mix.inProduction()) 
    mix.version();