Laravel Webpack 模块解析失败答案

【问题标题】：Laravel Webpack Module parse failedLaravel Webpack 模块解析失败
【发布时间】：2021-02-10 15:20:41
【问题描述】：

我已经开始使用 Laravel 8，我刚刚注意到来自 Webpack 的错误：

未捕获错误：模块解析失败：意外令牌 (1:0)

我从各种帖子中读到这是由 webpack 和 vue 引起的。我没有直接使用 Vue，但我使用的是 Laravel auth UI，我可以假设它使用 Vue。我研究的错误修复建议将 .vue() 添加到 webpack.mix.js 中的 app.js 引用。我已经测试了这个修复：

mix.js('resources/js/app.js', 'public/js').vue()
    .sass('resources/sass/app.scss', 'public/css')
    .sourceMaps();

尽管节点已更新到当前稳定版本，但错误仍然存在。

Laravel 应用程序非常基础，我没有编译任何东西，只是在 MAMP 上进行本地编码。在这种情况下，围绕错误的 webpack 文档并不是特别有用。任何方向都会很有帮助。

【问题讨论】：

【解决方案1】：

在发布问题的几分钟内，我就解决了问题。 webpack.mix.js 文件更新工作正常，但在此更新后我未能运行“npm run dev”。任何遇到同样错误的人都应该确保将 .vue() 添加到 webpack 文件中，然后运行 'npm run dev'

【讨论】：