vue3成功创建项目后 run serve启动项目报错的解决
更新时间：2024年03月20日 14:24:46 作者：博客zhu虎康
这篇文章主要介绍了vue3成功创建项目后 run serve启动项目报错的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
遇到的问题
使用vue3成功创建项目后无法正常npm run serve。
第一次错误
Error: Cannot find module 'vue-loader-v16/package.json'
在报错后我采用了
如下方法：
npm i -D vue-loader@14
我以为是vue-loader的版本过高，不兼容导致的问题。
但是再次执行npm run serve时又出现了新的错误。
第二次错误
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 .\vue3_test\ npm uninstall vue-loader-v16 npm i vue-loader-v16
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在当今的数据驱动时代,数据可视化变得越来越重要,它能够帮助我们更直观地理解数据,从而做出更好的决策,在这篇博客中,我们将探索如何使用 Vue 和一些常见的图表库（如 Chart.js）来制作漂亮的数据可视化效果,需要的朋友可以参考下2024-10-10
这篇文章主要介绍了Vuex中Store的简单实现,为了在 Vue 组件中访问 this.$store property,你需要为 Vue 实例提供创建好的 store,Vuex 提供了一个从根组件向所有子组件,以 store 选项的方式 注入 该 store 的机制,需要的朋友可以参考下2023-11-11
这篇文章主要介绍了vue脚手架（vue-cli）搭建项目，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
今天小编就为大家分享一篇浅谈vue同一页面中拥有两个表单时,的验证问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了详解vue/cli 3使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇文章主要为大家详细介绍了Vue.js仿Metronic高级表格的静态设计，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要介绍了Vue CLI3 如何支持less的方法示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
这篇文章主要为大家介绍了el-upload大文件切片上传实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
vue页面中使用getElementsByClassName无法获取元素的解决
这篇文章主要介绍了vue页面中使用getElementsByClassName无法获取元素的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了vue中的keep-alive内置组件缓存，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04
最新评论