npm run serve 失败的坑

已于 2022-08-16 15:28:36 修改
阅读量256 收藏
点赞数
文章标签： webpack javascript 前端
于 2022-08-16 15:27:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lcb6lcb6/article/details/126366741
版权
这篇博客记录了作者在切换node版本后遇到npm run serve失败的问题，原因是webpack版本不匹配。解决方案是卸载当前webpack并重新安装指定版本（4.0.0）。该文作为个人踩坑笔记，旨在帮助遇到相同问题的开发者。
摘要由CSDN通过智能技术生成

npm run serve 失败的坑

问题图片

在这里插入图片描述

问题出现的原因

我昨天做项目的时候还没问题，但是今天做了另一个项目，我用nvm切换了node版本之后出现了这个报错，之前也遇到过几次，所以这次索性记录下。

解决问题

只要看见这
在这里插入图片描述
就是webpack版本不对。

解决办法

删除webpack，重新装以前的版本。
npm uninstall webpack
npm install webpack@^4.0.0 --save-dev

声明

这个文章没有深层剖析，仅作为在下个人的踩坑记录，同时也希望能帮助跟我遇见一样问题的“坑友”，一起进步。

熊崽牌关东煮15
关注
npm run serve运行出错
cxw_fan的博客
09-22 4411
npm run serve运行出错
npm run serve 运行过程
liubangbo的专栏
05-30 3386
之前文章分析过vue-cli创建工程项目过程Vue-cli(3.0 + ) 源码分析(一)_夜跑者的博客-CSDN博客_vue-cli源码 这篇文章看看我们经常运行的命令 npm run serve执行过程。 1. 脚本从哪里来 package.json中scripts字段定义脚本命令。scripts字段是一个对象，它的每一个属性，对应一段脚本。如下所示： "scripts": { "serve": "vue-cli-service serve ", "build": "vue
npm run serve 报错
DongShanYuXiao的博客
10-30 8789
npm run serve报错
npm run serve出现错误：npm ERR! missing script: servenpm ERR! A complete log of this run can be found in:
Rovstephanie的博客
02-27 7445
错误原因：出现 npm ERR!的错误表明在package.json文件中缺少名为serve的脚本定义，因此npm无法找到要运行的版本。
【npm run serve运行失败】
qq_44792483的博客
07-08 1224
错误记录
vue-npm run serve运行失败，解决方法
weixin_51962708的博客
12-23 8744
说明 开始npm run serve运行我的项目时，出现下图。翻译过来就是大概意思就是不支持，然后上网查询，说是node版本太高，不能用v17。然后我又node -v显示v14.18.2版本，不是v17。当然不用怀疑你没有两个node.js 后来我又下载了nvm试图改变node版本。下载之后要么还是不行，要么就是没改过来。我一气之下把所有npm node和nvm全删了，重新来。 1.安装node.js 下载官网node.js，一直点击next，安装之后。 npm -v \\显示d的Node.js版本
npm run serve 和 npm run dev
weixin_49456013的博客
10-30 2131
作为一个后端开发人员，对前端知识只只皮毛，很多时候都是比葫芦画瓢，原理一点也不知。 写这篇文章的原因，还要从开始的新前端项目说起，从SVN检出项目，第一步运行一下，开始比葫芦画瓢，尴尬了，运行不了，开始查找原因。。。 ...
vue项目配置自动打开浏览器 npm run serve启动项目显示0.0.0.0:8080
szh1127249432的博客
01-29 773
vue项目配置自动打开浏览器 npm run serve启动项目显示0.0.0.0:8080
Vue启动项目使用npm run dev还是用npm run serve
weixin_45566730的博客
06-16 2241
使用npm run dev还是npm run serve有两点原因 1. 脚手架版本号 vue-cli2使用npm run dev vue-clie3以上版本使用npm run serve 2. 配置问题 如果安装的是vue-cli3可以将vue-cli2拉过来即在使用npm install -g @vue/cli安装完成脚手架之后输入命令npm install -g @vue/cli-init，然后再vue项目中的package.json中进行如下配置 "scripts": { "dev": "
npm run serve命令报错
qq_39963867的博客
12-24 1万+
npm run serve运行报错 npm run serve 运行中最常遇到的问题 ERR报错了 npm ERR! code ENOENT npm ERR! syscall open npm ERR! path F:\VUE项目\xinguan\package.json npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open ‘F:\VUE项目\xinguan\package.json’ npm ERR! e
【大坑】npm run serve：npm ERR! Missing script: “serve“
weixin_64210950的博客
10-18 5189
npm run serve：npm ERR! Missing script: "serve"解决方案
npm run serve报错
weixin_44986077的博客
02-23 8780
脚手架创建项目会遇到很多问题今天我遇到一个问题总结下来有遇到相同问题的可以进行参考 问题主要是红框的没有找到这个文件 解决的办法很简单就是运行时打开错了文件所以会进行报错 我创建的文件是e/work/file/demo/ 所以我的文件打开错了 ...
【npm run serve】 报错
qq_45774333的博客
02-11 1197
执行npm run serve 报错：error:03000086:digital envelope routines::initialization error
运行npm run serve 出现报错：npm ERR! Missing script: “serve“的解决方法
最新发布
renran__的博客
05-14 1229
运行npm run serve 出现报错：npm ERR! Missing script: "serve"，一招教你解决。
npm run serve报错与解决
热门推荐
weixin_53758026的博客
10-13 2万+
今天要使用高德地图，下载完高德地图后运行项目时报了下面的错误，在CSDN找了解决办法。但是按照他们说的方法根本解决不了问题，越看越气。 最后我是把node modules删了重新安装依赖（cnpm install)。还是报错，就删了又下删了又下，重复了五六次，终于成功了。 总结：有时候可能是安装依赖时node modules时损坏了缺失模块，所以要保证node modules完整 我用了下面的方法都没解决问题，可能是每个人情况不一样叭 1.npm ERR! poll-client-ui@0.1.
执行npm run serve出现这种问题怎么解决，来，看这里
qq_33331232的博客
05-26 1万+
Module Error (from ./node_modules/eslint-loader/index.js): C:\Users\Administrator\Desktop\项目实战day1\code\vue_shop\src\router.js 7:1 error Expected indentation of 2 spaces but found 4 indent 8:3 error Newline required at end of file but not found eol-
pycharm npm run serve失败
04-04
可能有几个原因导致 PyCharm 中的 npm run serve 失败： 1. 确保在项目的根目录下运行 npm run serve。 2. 确保安装了必要的依赖项。运行 npm install 命令以安装依赖项。 3. 检查端口号是否已被占用。如果是，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值