vue项目 启动失败报错（实用的解决方法）

已于 2023-11-30 15:56:46 修改
阅读量5.5k 收藏 6
点赞数 2
分类专栏： 前端踩坑专栏合集 文章标签： javascript html5 vue.js html
于 2023-10-31 12:40:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40808668/article/details/107329206
版权
本文介绍了Vue项目启动时可能遇到的两种错误情况及相应的解决方法。包括直接在项目目录下运行命令来解决问题，以及针对特定报错使用npm安装缺失模块。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

第一种报错如下
在这里插入图片描述
解决办法：
直接项目目录下运行npm install webpack-dev-server -g

第二种常见报错如下
如果我们遇到像Error: Cannot find module '***'的报错
我们可以直接项目目录下npm install 报错提示的***去进行下载
示例报错如下：
在这里插入图片描述
解决办法:
在这里插入图片描述
讲解完毕

npm install 报错 fatal: unable to connect to github.com 的解决方法
邓邓子的博客
03-06 251
npm install 报错 fatal: unable to connect to github.com 的解决方法
vue+webpack+vue-router+element+axios全家桶搭建vue项目完整教程详解 2019
PGguoqi的博客
04-19 9251
未完
VUE项目启动失败：Module build failed
01-08
VUE项目启动至98%时失败 错误如图，最近使用Vue/cli创建一个项目时npm run serve启动失败，询问了大佬，都说重新安装一下node_modules包，卸载重新安装之后任然无效，最后发现是命令错误 首先第一步rimraf node_modules命令移出node_modules包 然后再使用npm i install命令安装一次node_modules包 到这里应该已经没有问题了，可以尝试一下能否启动成功 如果依然无法启动可以使用npm audit fix命令修复一下node_modules包，最后在调试一次，代码完美运行 作者：安市
vue 项目启动报错
weixin_30814319的博客
03-18 558
1.项目启动报类似下方错误 Error: Cannot find module 'webpack-cli/bin/config-yargs' ... ... ... 2.原因于解决办法 Webpack与webpack-dev-server版本不兼容 //卸载版本 cnpm uninstall webpack -g cnpm uninstall -g webp...
vue 的老项目启动不了
最新发布
weixin_42686022的博客
03-27 126
2 时间久远的vue项目起不来，删除了原有package.lock.json 后再次安装node_modules，然后可以跑起来了。1 Node 包安装完后项目跑不起来，原因缺乏npm依赖包，安装外层目录node_modules后解决。某些vue项目由于年代久远安装node_modules之后 npm run dev 无法启动报错。
VUE项目启动报错
哈哈哈哈
03-11 454
看报错行代码，没有任何头绪，百度。
vue项目启动报错问题汇总
编写博客，学习交流
02-28 1000
找到对应的binding 重命名并放到文件夹下: node_modules\node-sass\vendor\win32-x64-83。2.重置node-sass包。
vue项目启动失败
Smile_666666的博客
08-01 344
在启动vue项目时，出现这个错误，代表项目中用到了less、sass、scss，但是缺少less、sass、scss依赖，只要下载对应的依赖即可解决！ npm install -g less
Vue实战指南：Vue项目出现sockjs-node的解决办法
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
10-09 2096
它主要用于Vue CLI创建的项目中，实现开发服务器的实时重载功能。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。无论是简单的网络检查还是复杂的配置调整，都有助于提升开发效率和稳定性。这些错误通常会导致热重载功能失效，使得开发者无法实时看到代码更改的效果，严重影响开发效率。如果你的本地端口8080已经被其他服务占用，可以尝试修改Vue项目的开发服务器端口。一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身农奴把歌唱，
使用 proxy agent 解决访问 vue-cli 或 create-react-app proxy 代理失败的问题
weixin_30443895的博客
08-18 895
场景 vue-cli 的devServer 或者 create-react-app 中的 proxy 经常因为 网络问题，访问海外服务器 504，通过实践，找到一种比较实用的解决方案 主要解决了下面的这个报错 I Your application is running here: http://0.0.0.0:9527 [HPM] Error occurred while trying t...
Vue项目启动报错解决
weixin_43785284的博客
08-06 3420
webstorm中启动vue工程相关报错解决
VUE启动报错ERROR CANNOT FIND MODULE ARRAY-INCLUDES
laihming的博客
07-10 293
VUE启动报错ERROR:CANNOT FIND MODULE ‘ARRAY-INCLUDES’ 解决办法： 删除项目中的node_modules文件夹 清空所有依赖，cnpm cache clean 重新安装依赖，cpnm install 重新启动就可以了
【Vue启动项目详情教程】包含启动报错和解决方案
王大师企业官方博客
02-24 4282
在项目启动过程中，遇到依赖下载失败、版本冲突或环境变量配置等问题时，可以通过清理缓存、更新依赖或更改配置来解决。为了避免类似错误，建议：定期检查Node.js和npm的版本是否为最新。使用固定版本号安装依赖包，以规避版本冲突。在项目根目录下添加 package-lock.json 以确保依赖一致性。通过以上方法，可以顺利启动并维护一个基于Vue的开发项目。学习教程（传送门）1、掌握JAVA入门到进阶知识(持续写作中……2、学会Oracle数据库用法(创作中……3、手把手教你。
启动Vue项目发生的错误总结
qq_44410220的博客
11-18 2789
启动Vue项目发生的错误总结 切记：打开 WebStorm的时候用管理员的方式打开 1.安装node_module失败 我是用了淘宝镜像 --> 不可行 其 根本原因是： 版本不兼容 npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/ npm install --registry https://registry.npm.taobao.org [外链图片转存失败,源站可能有防盗链机制,建议将图片
超详细关于vue项目vue-cli-service启动报错失败的问题
热门推荐
孙怼怼的博客
07-26 1万+
超详细关于vue项目vue-cli-service启动报错失败解决方案
vue项目启动报错
吕小仙的欧巴的博客
05-07 183
安装过程中遇到问题（因为某些版本问题） 1.npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver 2.npm install node-sass 3.npm install sass-loader
vue项目常见报错
wbnyua
08-08 2019
【代码】vue项目常见报错。
vue2启动运行报错
09-14
您好！对于Vue 2启动运行报错，可能会有多种原因导致。以下是一些常见的问题和解决方法： 1. 版本不匹配：请确保您的Vue版本与Vue项目的版本匹配。可以使用 `vue -V` 命令来检查全局安装的Vue版本，并在项目中的 `package.json` 文件中查看所使用的Vue版本。 2. 缺少依赖项：请检查项目根目录下的 `package.json` 文件，确保所有依赖项都已正确安装。您可以使用 `npm install` 或者 `yarn install` 命令来安装缺失的依赖项。 3. 错误配置：检查项目中的配置文件，如 `vue.config.js` 或者 `webpack.config.js` 等，确保配置正确。特别是检查入口文件、静态文件路径、代理等配置项是否正确。 4. 插件/组件错误：如果您在项目中使用了插件或者组件，可能存在插件/组件错误导致报错。请检查插件/组件的文档或者讨论区，查找解决方法。 5. 代码错误：仔细检查您编写的代码，尤其是引入模块、语法错误等处。您可以使用开发者工具的控制台来查看详细的错误信息，以帮助您定位问题。 如果以上方法都无法解决问题，建议您提供更多的具体错误信息和相关代码，以便更好地帮助您解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

嚣张农民

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值