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

Question

所以我剛剛從 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

有誰知道這里發生了什么？ 謝謝！

Answer 1

換行

window.Vue = require("Vue");

至

import Vue from "Vue";