Laravel Mix Vue 页面显示空白

Question

当我运行

npm run dev

或

npm run production

时，我收到一条错误，指出 Vue 文件没有定义加载程序。

我通过使用此资源解决了这个问题：
vuejs中扩展的编译问题

我在我的

.vue

中使用了

webpack.mix.js

。

这是例子：

mix.js('resources/js/app.js', 'public/js').vue();

这使得

npm run dev

能够编译，但编译后我的 Vue 页面变为空白，并且此错误显示在控制台中：

Laravel 版本为 10
节点版本是16
Laravel-mix 版本是 6.0.49

Answer 1

此问题已解决，现在我们必须更改 app.js 文件中的 vue 导入 从

window.Vue = require("vue");

到

window.Vue = require("vue").default;