Laravel-Mix：在 Laravel-Mix 升级到 v6 后，Vue 在 app.js 和 bootstrap.js 中不可用答案

【问题标题】：Laravel-Mix: Vue not available in app.js and bootstrap.js after Laravel-Mix upgrade to v6Laravel-Mix：在 Laravel-Mix 升级到 v6 后，Vue 在 app.js 和 bootstrap.js 中不可用
【发布时间】：2021-04-23 19:22:20
【问题描述】：

所以我刚刚从 Laravel-Mix v1 升级到 v6。

例如，在app.js我做以下注册所有Vue组件：

const files = require.context('./', true, /\.vue$/i)
files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key)))

但我收到此错误：

app.js:17638 Uncaught ReferenceError: Vue is not defined

我阅读并在 webpack.mix.js 中添加了这些行：

resolve: {
    alias: {
        vue: 'vue/dist/vue.js'
    }
}

但不幸的是，这无济于事。还是一样的错误。

当我在 app.js 和 bootstrap.js 上添加 import Vue from 'vue/dist/vue.js' 时，我不再收到这些错误，但是注册 vue 组件的代码不起作用。

Bootstrap.js：https://www.codepile.net/pile/8rX4Qlrm package.json:https://www.codepile.net/pile/JBA4NYLk

有人知道这里发生了什么吗？谢谢！

【问题讨论】：

请分享您的app.js 和package.json 文件
Bootstrap.js: codepile.net/pile/8rX4Qlrm package.json: codepile.net/pile/JBA4NYLk
在 app.js 中的 import Vue from 'vue'; 下方添加行 window.Vue = require('vue');
我已经在 app.js 中有window.Vue = require('vue');。重要的是不需要afaik。当我添加导入时，它说它不知道Vue.component
你有没有弄明白这件事？我有同样的问题

标签： javascript laravel vue.js laravel-mix

【解决方案1】：

换行

window.Vue = require("Vue");

到

import Vue from "Vue";

【讨论】：