当前位置: 代码网 > it编程>编程语言>Javascript > 关于vue项目vue-cli-service启动报错失败问题的解决方法

关于vue项目vue-cli-service启动报错失败问题的解决方法

2024年09月05日 Javascript 我要评论
前端拉取代码后,想要运行代码的时候可以能遇到启动报错的问题,这里我们只针对于vue-cli-service报错项来说情况一(运行前没有正常安装依赖包)//运行项目npm run serve这里我们可以

前端拉取代码后,想要运行代码的时候可以能遇到启动报错的问题,这里我们只针对于vue-cli-service报错项来说

情况一(运行前没有正常安装依赖包)

//	运行项目
npm run serve

这里我们可以看出是报错了的,那么这个原因呢就是没有安装vue-cli-service导致的

在这里插入图片描述

解决方案呢就是咱们正常安装下依赖包

npm install 或者 yarn

依赖全部安装完成后,运行一下看看结果,可以看到项目正常启动

在这里插入图片描述

情况二(针对内网开发,或者网络不好,导致其余依赖安装上但是vue-cli-service没有装上)

那么针对这种情况呢,咱们可以换一种运行方式

1.找到项目中的package.json文件

正常呢是配置的vue-cli-service serve这个命令

在这里插入图片描述

2.我们要替换命令启动方式、或者自己重新新建一条命令(这里都可)

这里为了方便比较 我选择新建一条命令对比
关键点就在于我们没有vue-cli-service,但是有需要启动服务,这时候我们就需要去寻找vue依赖中的打包服务
我们需要在node_modules文件中找到这个文件的路径 然后替换到命令中

在这里插入图片描述

我的整个项目的文件路径为这个c:\users\90706\desktop\zisheng\demo\node_modules@vue\cli-service\bin

在这里插入图片描述

那么替换后的script命令为

 "scripts": {
    "serve": "vue-cli-service serve",
    "devserver": "node c:\\users\\90706\\desktop\\zisheng\\demo\\node_modules\\@vue\\cli-service\\bin\\vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

我们来试试新指令

在这里插入图片描述

这里可以看到,咱们这也是可以成功运行了,所以说多学两种方法 以后可能还是会用的上的

以上就是关于vue项目vue-cli-service启动报错失败问题的解决方法的详细内容,更多关于vue-cli-service启动报错失败的资料请关注代码网其它相关文章!

(0)

相关文章:

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com