超详细关于vue项目vue-cli-service启动报错失败的标题

西河刘卡车医  金牌会员 | 2024-10-11 12:15:55 | 来自手机 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题

主题 916|帖子 916|积分 2748

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

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

  1. //        运行项目
  2. npm run serve
复制代码
这里我们可以看出是报错了的,那么这个缘故原由呢就是没有安装vue-cli-service导致的

办理方案呢就是咱们正常安装下依赖包

  1. 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命令为
  1. "scripts": {
  2.     "serve": "vue-cli-service serve",
  3.     "devServer": "node C:\\Users\\90706\\Desktop\\ziSheng\\demo\\node_modules\\@vue\\cli-service\\bin\\vue-cli-service serve",
  4.     "build": "vue-cli-service build",
  5.     "lint": "vue-cli-service lint"
  6.   },
复制代码
我们来试试新指令

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

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

正序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

西河刘卡车医

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表