最近在一台新安装的电脑上用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