vue 3 项目运行中报错 vue-cli-service serve

已于 2022-02-15 11:16:15 修改
阅读量4.6k 收藏 4
点赞数 1
文章标签： vue.js 前端 npm node.js
于 2022-02-08 14:49:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kklovablekk/article/details/122822763
版权
当Vue3工程运行npm run serve出现错误时，发现是由于Node.js版本过低导致。升级到最新稳定版并重新安装依赖后问题得到解决。但原有工程因依赖旧版本Node无法正常运行，于是使用n工具进行多版本管理，通过n安装指定版本和最新版本的Node.js，并学会切换不同版本以满足不同项目需求。
摘要由CSDN通过智能技术生成

npm ERR! app@0.1.0 serve: `vue-cli-service serve`

发现问题

新建Vue3 工程，运行npm run serve
报错如下

npm ERR! app@0.1.0 serve: `vue-cli-service serve`

未有任何其他报错提示

解决当前问题

上网查找无果
想起来自己前段时间调试过某个工程，安装的node版本为10.13.0
怀疑为node版本过低导致
遂更新node到当前最新稳定版
重新npm install
运行项目 npm run serve
可以启动

解决后续问题

这个问题解决了，node版本也升级了
再运行原来的工程，发现原来的工程运行不了了
此时我需要两个node同时存在，根据不同需求进行切换

安装n工具

是的，你没有看错，就是n
简单来说，n是交互式 node.js 版本管理工具。
官方地址：https://www.npmjs.com/package/n

安装n

npm install -g n

安装指定版本node.js

n 10.13.0

安装最新版本node.js

 n latest

查看已安装node.js版本

n ls

例如，我安装了两个版本，如下图
已安装node.js版本

切换node.js版本

sudo n

在这里插入图片描述

查看切换前后版本如图
在这里插入图片描述

如您还需要了解其他关于n的内容，请移步官方地址

雨落青箬
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端开发：执行npm run serve命令报错npm ERR! XXX@0.1.0 serve: `vue-cli-service serve`
软贱开发攻城狮
08-21 4万+
在前端开发过程中，npm的使用是少不了的，所以需要知道基本的操作使用，并且了解常见的异常情况处理。 那么本篇博文就来分享一个常见的npm错误提示，在执行npm run serve命令的时候提示报错npm ERR! XXX@0.1.0 serve: `vue-cli-service serve`的提示问题。记得之前该实例项目没有问题，只是过了一段时间没有操作，然后接着又继续开发的时候突然就报了该错误，具体错误提示如下所示： CheZhng$ npm run serve > XXX-es6@0.
前端启动出现报错，提示vue-cli-service serve的解决办法
m0_67393828的博客
03-02 4897
在命令行中使用命令 npm run dev运行从网上下载的一个vue项目时出现了以下报错： npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! ruoyi@3.6.0 dev: `vue-cli-service serve` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the ruoyi@3.6.0 dev script. npm ERR! This is probably not a problem
解决Vue启动报错 npm ERR! @1.0.0 dev: node build/dev-server.js
Genius_cxx
09-28 2万+
首先我们要明白报错的原因是这个项目的启动端口被占用。 所以需要我们重新拿回这个端口或者换个端口启动项目。 报错截图 解决方案1: 在config目录下index.js中修改port的值 。 解决方案2: 打开任务管理器找到被占用的端口 关闭应用。 点进程>>找到对应PID关闭即可 ...
运行vue项目时，显示如下问题 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vue@0.1.0 serve: `vue-cli-service
weixin_44736522的博客
07-09 3万+
运行vue项目时，显示如下问题 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vue@0.1.0 serve: vue-cli-service serve npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the vue-sell@0.1.0 serve script. npm ERR! This is probably not a problem with npm. There is likely
Vue错误：npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! newbee@0.1.0 serve: `vue-cli-service‘
XING的博客
05-23 196
2、重新安装：npm install 重新安装后package-lock.json文件会重新生成。3、再次运行：npm run dev就成功了。1、别删除package.json，
vue项目运行报错：serve: `vue-cli-service serve`
热门推荐
weixin_43193877的博客
01-29 9万+
vue项目运行报错：serve: vue-cli-service serve 首先，你先去检查下你配置的 host:地址是多少 ，比如我的是localhost,如果用的是局域网IP 那就要更改成你目前的局域网IP 或 改成localhost module.exports = { devServer: { open: false, // 设置主机地址 ...
＞ vue@0.1.0 serve ＞ vue-cli-service serve ‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序 或解决“vue“不是内部或外部命令问题
m0_63064861的博客
12-19 5818
vue@0.1.0 serve > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或解决“vue“不是内部或外部命令问题。
vue项目启动报错：npm ERR! job-schedule@0.1.0 serve: `vue-cli-service serve`以及No matching version found forX
qq_45611259的博客
09-22 3657
vue项目启动报错：npm ERR! job-schedule@0.1.0 serve: `vue-cli-service serve`以及No matching version found forX
Vue中demo@0.1.0 serve `vue-cli-service serve`解决方法
m0_67401935的博客
03-09 1万+
情况: 日常 cnpm run serve,突然报错 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! demo@0.1.0 serve: `vue-cli-service serve` npm ERR! Exit status 1 npm ERR! Failed at the demo@0.1.0 serve script. npm ERR! This is probably not a problem with npm. There is likely
vue-cli系列之vue-cli-service整体架构浅析
12-07
vue启动一个项目的时候，需要执行npm run serve，其中这个serve的内容就是vue-cli-service serve。可见，项目的启动关键是这个vue-cli-service与它的参数serve。接下来我们一起看看service中主要写了什么东东（主要...
使用Vue-cli 3.0搭建Vue项目的方法
01-21
1. 环境准备 1.1. 安装Node.js （建议使用LTS版本） 1.2. nrm安装及npm registry设置 // use npm npm i nrm -g // use yarn yarn global add nrm 查看可用的npm源 nrm ls ...1.4. 安装vue-cli 3
浅谈vue-cli加载不到dev-server.js的解决办法
11-28
在Vue.js开发中，我们经常会使用Vue CLI工具来快速搭建项目环境。然而，在更新到较新的VueWebpackTemplate时，可能会遇到“vue-cli加载不到dev-server.js”的问题。这是因为旧版本中，开发服务器的配置通常在dev-...
Vue-cli3生成的Vue项目加载Mxgraph方法示例
10-15
以下是一个详细的步骤指南，教你如何在Vue-cli3生成的项目中加载并使用Mxgraph。 首先，你需要确保已经安装了Vue-cli3。如果还没有安装，可以通过以下命令全局安装： ```bash npm install -g @vue/cli ``` 接下来...
报错笔记——serve : “vue-cli-service serve“
Juliet_xmj的博客
12-22 1319
报错笔记——serve:“vue-cli-service serve” 项目运行编译时报错如图所示，网上搜的删除node_modules并重新npm install根本没有用； 原因：node版本过高，出现不兼容 解决办法：卸载当前node，并安装v10及以下版本，删除node_modules文件，命令行npm install 重新运行编译npm run serve即可 所有node版本入口 node版本入口 下载msi版本可自动添加path配置 ...
npm run serve出现‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序或批处理文件的错误(已解决)。
最新发布
m0_64027967的博客
05-28 2090
解决启动Vue项目时，出现'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件的错误。
Vue cli报错npm ERR! testroute@0.1.0 serve: `vue-cli-service serve`
立场简单的博客
03-15 2271
Vue cli报错npm ERR! testroute@0.1.0 serve: vue-cli-service serve npm ERR! errno 1 npm ERR! testroute@0.1.0 serve: vue-cli-service serve npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the testroute@0.1.0 serve script. npm ERR! This is probably not a probl
Vue 中使用npm run serve报错 vue-cli-service serve
build2024
10-20 6874
解决方法 直接删除前端依赖文件，重新npm install
项目中运行的时候提示： ‘vue-cli-service‘ 不是内部或外部命令，也不是可运行的程序
weixin_44514665的博客
08-23 3215
PS E:\WebProject\API-cloud\loxia-frontend> npm run serve > api-cloud@0.1.0 serve E:\WebProject\API-cloud\loxia-frontend > vue-cli-service serve
> attendance_vue@0.1.0 serve > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
03-29
根据你提供的信息，"attendance_vue@0.1.0 serve"是一个命令行指令，用于启动一个名为"attendance_vue"的项目。然而，根据错误提示，系统无法找到"vue-cli-service"命令。 可能的原因是你没有安装Vue CLI或者没有将其添加到系统的环境变量中。Vue CLI是一个用于快速构建Vue.js项目的脚手架工具，它提供了一些命令行工具来帮助你创建、开发和构建Vue.js应用程序。 要解决这个问题，你可以按照以下步骤进行操作： 1. 确保你已经安装了Node.js和npm。你可以在命令行中运行以下命令来检查它们的版本： ``` node -v npm -v ``` 2. 如果你尚未安装Vue CLI，请在命令行中运行以下命令进行安装： ``` npm install -g @vue/cli ``` 3. 安装完成后，尝试重新运行"attendance_vue@0.1.0 serve"命令，看看问题是否解决。 如果问题仍然存在，请提供更多详细信息，以便我能够更好地帮助你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值