脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → vue-cli-service启动报错失败

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

 更新时间：2024年08月19日 11:14:34   作者：孙怼怼啊  
前端拉取代码后,想要运行代码的时候可以能遇到启动报错的问题,这里我们只针对于vue-cli-service报错项来说,文中通过图文结合的方式给大家介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下

前端拉取代码后，想要运行代码的时候可以能遇到启动报错的问题，这里我们只针对于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启动报错失败的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

相关文章

  • vue项目页面嵌入代码块vue-prism-editor的实现

    vue项目页面嵌入代码块vue-prism-editor的实现

    这篇文章主要介绍了vue项目页面嵌入代码块vue-prism-editor的实现,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-10-10
  • 在vue项目中 实现定义全局变量 全局函数操作

    在vue项目中 实现定义全局变量 全局函数操作

    这篇文章主要介绍了在vue项目中 实现定义全局变量 全局函数操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • vue+elementUI动态增加表单项并添加验证的代码详解

    vue+elementUI动态增加表单项并添加验证的代码详解

    这篇文章主要介绍了vue+elementUI动态增加表单项并添加验证的代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-12-12
  • Vue 项目中Echarts 5使用方法详解

    Vue 项目中Echarts 5使用方法详解

    这篇文章主要为大家介绍了Vue 项目中Echarts 5使用方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-11-11
  • Vue中的文字换行问题

    Vue中的文字换行问题

    这篇文章主要介绍了Vue中的文字换行问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-09-09
  • vue中div禁止点击事件的实现

    vue中div禁止点击事件的实现

    这篇文章主要介绍了vue中div禁止点击事件的实现，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-04-04
  • 如何运行单个.vue文件问题

    如何运行单个.vue文件问题

    本文介绍了Vue的全局安装过程、查看版本、安装扩展等步骤,并提供了解决在.vue文件目录下运行报错的方法,涉及到的错误解决包括使用命令安装@vue/compiler-sfc和执行npm install命令安装依赖
    2024-10-10
  • Vue使用pinia管理数据pinia持久化存储问题

    Vue使用pinia管理数据pinia持久化存储问题

    这篇文章主要介绍了Vue使用pinia管理数据pinia持久化存储问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-03-03
  • elementUI动态嵌套el-form表单校验举例详解

    elementUI动态嵌套el-form表单校验举例详解

    最近工作遇到个需求,表单可以进行增加删除操作,需要进行表单校验,这篇文章主要给大家介绍了关于elementUI动态嵌套el-form表单校验的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • Vue中$nextTick实现源码解析

    Vue中$nextTick实现源码解析

    这篇文章主要为大家介绍了Vue中$nextTick实现源码解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-10-10

最新评论