运行 "npm run dev" 时出现 [webpack-cli] 错误: 找不到模块 'vue/compiler-sfc' [使用 Vue.js 的 Laravel]。

Question

我在我的Laravel项目中安装了vue.js，并运行 npm run dev 时出现了以下错误：

- rics_

---

只需执行 npm install @vue/compiler-sfc 即可。更多信息请参见：https://www.npmjs.com/package/@vue/compiler-sfc - captainskippah

不要紧，只要你的Vue版本是3。 - Riza Khan

Answer 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",

- Boutghat Oualid

---

这个工作是在laravel 8中与我一起完成的，问题来自于vue-loader版本，它是17.0.0版，我将其更改为15.9.6版，感谢Boutghat。 - shqawe

这对我也起作用了。我认为这个问题基本上发生在 MacBook 上。当使用 Windows PC 时，一切都可以正常工作，包括 "vue-loader": "^17.0.0"。 - Chetam Okafor

我认为这与操作系统无关！！这个问题在Windows和Linux中都发生过。 - Boutghat Oualid

Answer 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来解决这个问题。

- kasre

---

需要同时删除这两个："vue": "^2.6.12", "vue-template-compiler": "^2.6.12"。 - Riza Khan