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

问题描述

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

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

localhost

这是我的代码 app.js

app.vue

解决方法

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

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

,

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

的顶部

import Vue from 'vue'

,

我遇到了同样的问题，我通过从 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',[
    // prettier-ignore
    require('postcss-import'),require('postcss-nesting'),require('tailwindcss'),])
  .webpackConfig(require('./webpack.config'))
  .sourceMaps()
;

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

,

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