Question

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

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

这是我的代码 app.js

Answer 1

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

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

Answer 2

由于缺少导入语句，因此它无法解析Vue。将此添加到您的app.js

的顶部

import Vue from 'vue'

Answer 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();
}

Answer 4

这里解决了这个问题 can't resolve vue

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

4 个答案: