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
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在实际的应用开发中,涉及用户登录验证、密码重置等场景时,通常需要前端实现发送短信验证码的功能,以提升用户体验和安全性,以下是一个简单的前端实现,演示了如何在用户点击发送验证码按钮时触发短信验证码的发送,并开始一个倒计时2024-04-04
这篇文章主要给大家介绍了关于如何一步步基于element-ui封装查询组件的相关资料,本文通过示例代码介绍的非常详细,对大家学习或者使用vue.js具有一定的参考学习价值,需要的朋友可以参考下2021-10-10
这篇文章主要介绍了如何查看vue-cli版本的两个命令问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-01-01
这篇文章主要介绍了实现一个Vue自定义指令懒加载的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
这篇文章主要介绍了使用Vue3进行数据绑定及显示列表数据，整篇文章围绕Vue3进行数据绑定及显示列表数据的想换自来哦展开内容,需要的小伙伴可以参考一下2021-10-10
这篇文章主要介绍了keep-alive不能缓存多层级路由菜单问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-03-03
这篇文章主要介绍了vue-cli3 取消eslint校验代码的解决办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
在Vue中，computed属性是一种计算属性，它的值是根据其他数据的值动态计算出来的，下面小编主要来和大家聊聊Vue 3的组合式API中如何使用computed属性，感兴趣的小伙伴快跟随小编一起了解一下吧2023-06-06
Vue使用axios post方式将表单中的数据以json格式提交给后端接收操作实例
这篇文章主要介绍了Vue使用axios post方式将表单中的数据以json格式提交给后端接收操作,结合实例形式分析了vue基于axios库post传送表单json格式数据相关操作实现技巧与注意事项,需要的朋友可以参考下2023-06-06
这篇文章主要介绍了vue项目之数量占比进度条实现方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
最新评论