vue3成功创建项目后无法正常npm run serve的解决办法

2024-04-07

最近在一台新安装的电脑上用Vue3框架做网站建设时,遇到了反复报错,通过查找分析原因,结合官方的参考资料,最终解决了这个问题,现将解决过程分享出来供大家参考。

1、遇到的问题:

使用vue3成功创建项目后无法正常npm run serve。

2、第一次错误

Error: Cannot find module 'vue-loader-v16/package.json'

在报错后我采用了如下方法:

npm i -D vue-loader@14   

当时以为是vue-loader的版本过高,不兼容导致的问题。但是再次执行npm run serve时又出现了新的错误。

3、第二次错误:

Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree.

通过查找分析原因,结合官方的参考资料后,我采用了如下方法:

rm node_modules -r -fo

rm package-lock.json

npm cache clear --force

npm install

但是依旧报如下错:

Error: vue-loader requires @vue/compiler-sfc to be present in the dependency tree.

再次做了网上资料查找和反复测试,最终解决了这个问题。

首先进入创建的vue3文件夹下,卸载第一次报错的vue-loader,然后再重新安装。

cd .ue3_test

npm uninstall vue-loader-v16

npm i vue-loader-v16

vue3成功创建项目后无法正常npm run serve的解决办法