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

28,868次阅读
没有评论

共计 846 个字符,预计需要花费 3 分钟才能阅读完成。

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

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

//	运行项目
npm run serve

这里我们可以看出是报错了的,那么这个原因呢就是 没有安装 vue-cli-service导致的
超详细关于 vue 项目 vue-cli-service 启动报错失败的问题

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

npm install 或者 yarn

依赖全部安装完成后,运行一下看看结果,可以看到项目正常启动
超详细关于 vue 项目 vue-cli-service 启动报错失败的问题

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

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

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

正常呢是配置的 vue-cli-service serve 这个命令
超详细关于 vue 项目 vue-cli-service 启动报错失败的问题

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

这里为了方便比较 我选择新建一条命令对比
关键点就在于我们没有 vue-cli-service,但是有需要启动服务,这时候我们就需要去寻找 vue 依赖中的打包服务
我们需要在 node_modules 文件中找到这个文件的路径 然后替换到命令中
超详细关于 vue 项目 vue-cli-service 启动报错失败的问题
我的整个项目的文件路径为这个 C:Users90706DesktopziShengdemonode_modules@vuecli-servicebin
超详细关于 vue 项目 vue-cli-service 启动报错失败的问题
那么替换后的 script 命令为

 "scripts": {
    "serve": "vue-cli-service serve",
    "devServer": "node C:Users90706DesktopziShengdemonode_modules@vuecli-servicebinvue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

我们来试试新指令
超详细关于 vue 项目 vue-cli-service 启动报错失败的问题
这里可以看到,咱们这也是可以成功运行了,所以说多学两种方法 以后可能还是会用的上的

原文地址: 超详细关于 vue 项目 vue-cli-service 启动报错失败的问题

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-10-07发表,共计846字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)