当运行 \"npm run dev\" [webpack-cli] 错误：找不到模块 \'vue/compiler-sfc\' [Laravel with Vue.js]答案

【问题标题】：When running "npm run dev" [webpack-cli] Error: Cannot find module 'vue/compiler-sfc' [Laravel with Vue.js]当运行 \"npm run dev\" [webpack-cli] 错误：找不到模块 \'vue/compiler-sfc\' [Laravel with Vue.js]
【发布时间】：2023-01-09 14:24:59
【问题描述】：

在我的 laravel 项目上安装 vue.js 并运行 npm run dev 后出现此错误。

【问题讨论】：

只需做一个npm install @vue/compiler-sfc。更多信息在这里：npmjs.com/package/@vue/compiler-sfc
@doesnotmatter 如果你的 vue 版本是 3 就不行

标签： vue.js webpack laravel-8 npm-install laravel-mix

【解决方案1】：

我遇到了同样的问题，基本上是我的 VUE 版本与 vue-loader 和 vue-template-compiler 的版本不匹配

为了解决它，我只需要匹配 package.json 和 npm install 中的版本这是我正在使用的版本

"vue": "^2.6.11",
"vue-loader": "^15.9.6",
"vue-template-compiler": "^2.6.12",
"laravel-mix": "^6.0.6",

【讨论】：

这在 laravel 8 中与我一起工作问题出在 vue-loader 版本，它是版本 17.0.0 我将它更改为 15.9.6 感谢 Boutghat。
这对我也有用。我认为这个问题基本上发生在 MacBook 上。使用 Windows PC 时，"vue-loader": "^17.0.0" 一切正常。
我不认为它与操作系统有任何关系！我在 windows 和 linux 上都遇到了这个问题

【解决方案2】：

我的问题是在运行php artisan ui vue --auth 后出现的。发生的事情是这个命令在我的 package.json 中添加了 vue v2 作为开发依赖，而我已经安装了 vue 3。运行 npm install 安装了版本 2 的 vue，这导致版本与 vue-loader 和 vue-template-compiler 不匹配。

我通过摆脱添加的 vue 2 依赖项并再次运行 npm install 解决了这个问题。

【讨论】：

需要摆脱这两个：` "vue": "^2.6.12", "vue-template-compiler": "^2.6.12" `