运行报错 : `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`

最新推荐文章于 2024-01-16 11:09:17 发布
原创 最新推荐文章于 2024-01-16 11:09:17 发布 · 752 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客内容描述了作者在运行项目时遇到npm run dev成功但执行时报错的情况。问题根源在于webpack-dev-server的高版本不兼容。作者尝试按照网上的建议卸载高版本并安装低版本2.9.1，但问题未解决。文中提供了进一步的代码修改方案，详细信息见链接。

运行项目 npm run dev 运行成功，但是在执行得时候，却报错
内容如下
在这里插入图片描述
经过查看，网上说是因为webpack-dev-server在项目中自动安装得版本是3.0.1, 但是这个版本得却不可以很好得运行，

解决方案：安装低版本得webpack-dev-server

  1. 卸载原有高版本得 npm uninstall webpack-dev-server
  2. 单独下载低版本的 npm install webpack-dev-server@2.9.1
  3. 重新运行 npm run dev

网上有人说，自己这样处理解决了，但是我用这样没有解决问题，于是我又修改了一下代码。具体内容可参考 https://blog.youkuaiyun.com/Alive_tree/article/details/118418492

细说webpack-dev-server --inline --progress --config build/webpack.dev.conf.js的一二三
changyandou2020的博客
08-10 1424
在vue-cli的脚手架创建后开发环境调试下webpack-dev-server是如何读取webpack.dev.conf.js中的内容的
解决 webpack-dev-server --inline --progress --config buildwebpack.dev.conf.js 报错
Ajekseg的博客
03-07 1540
解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错 目前存在这种情况，可能是三个原因造成的 1.webpack版本与vue版本不一致 2.本地运行IP地址不正确 3.本地运行localhost与127.0.0.1映射被修改 1.webpack版本与vue版本不一致 查看vue版本 vue -V 2.9.6 卸载、安装对应版本webpack npm uninstall webpack-de
npm run dev运行时报错出现foms-client@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webp
weixin_43963831的博客
07-03 1万+
一大早来到公司突然出现一个问题,前端项目启动不起来了,作为一个刚刚接触vue的小白,感觉很苦恼,一开始报的错是NodeJS的错误,卸载安装了两次,结果错误类型果断更换了额,又好像不是这个,这个是试了N次以后出现的. 一个错误一个错误的去请教度娘,结果都不是很如意,有的说是D:\develop\nodejs\node_global\node_modules\vue-cli\package.json里...
Vue运行报错webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
诚的博客
10-27 5529
vue 项目 npm run dev 运行时报错：npm ERR! xxx@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 原因：新版的webpack-dev-server 3.1.14 存在问题。 解决方法：package.json 中指定 webpack-dev-server 低版本号 方法1： “webpack-dev-server”: “^2.9.1” 删除 nod.
解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错
weixin_42438002的博客
07-19 6430
解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错 目前存在这种情况，可能是三个原因造成的 1.webpack版本与vue版本不一致 2.本地运行IP地址不正确 3.本地运行localhost与127.0.0.1映射被修改 1.webpack版本与vue版本不一致 查看vue版本 vue -V 2.9.6 卸载、安装对应版本webpack npm uninstall webpack-de
Vue启动项目报错travel@1.0.0 dev: `webpack-dev-server--inline --progress --config build/webpack.dev.conf.js
我能在河边钓一整天的鱼
12-09 1万+
问题原因 出现在webpack上。如想了解webpack请走官网，如果想了解webpack里面的文件结构，下面推荐一篇博客 https://blog.csdn.net/shan1991fei/article/details/82630656 解决方案 这个东西我没有深入研究原理，只是用一种办法解决了问题。 <1>卸载你项目中的webpac...
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js sh: webpack-dev-server: command not found
07-11
完成上述步骤后，您再次运行 `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` 命令时就应该能够找到 webpack-dev-server 了。 希望这些解决方案能够帮到您！如果您还有其他问题，请...
vuedemo@1.0.0 dev > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js sh: 1: webpack-dev-server: not found怎么解决
最新发布
05-13
"dev": "webpack-dev-server --config webpack.config.js" } ``` 如果使用vue-cli创建项目，应保留原始配置[^4] **4. 清理npm缓存** ```bash npm cache clean --force rm -rf node_modules npm install ``` 引用[3...
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
FJ101113的博客
06-25 697
npm run dev运行项目报错 原因：webpack-dev-server版本和vue版本不一致 解决方法1：删掉node_modules文件夹下所有的依赖，npm install重新安装即可 解决方法2：卸载webpack-dev-server，安装对应版本 npm uninstall webpack-dev-server(卸载) npm i webpack-dev-server@版本号(安装) ...
解决：项目名@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`错误
m0_62567916的博客
07-22 6192
要是serve启动命令为：npm run serve。要是dev 启动命令为：npm run dev。
＞ dev ＞ webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
chanyeolchichi的博客
05-13 5612
> dev> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 使用npm run dev 产生了错误。 目前存在这种情况，可能是三个原因造成的 1.webpack版本与vue版本不一致 2.本地运行IP地址不正确 3.本地运行localhost与127.0.0.1映射被修改 1.webpack版本与vue版本不一致 1.查看vue版本 vue -V 4.5.15 2.卸载、安装对应版本we.
解决@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`错误
weixin_44257822的博客
01-16 3060
根据package.json文件中的scripts。
`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
可控的事情要谨慎，不可控的事情要乐观。
12-05 3054
运行vue项目报错：npm run dev 原因: webpack-dev-server版本和vue版本不一样，需要将webpack-dev-server卸载了，安装对应版本 解决方法： 1 、查看vue版本是 vue -V 2 、卸载npm uninstall webpack-dev-server 3 、安装npm i webpack-dev-server@2.9.6 4 、安装npm install webpack cli -D 5 、正常启动。 ...
解决'webpack-dev-server --inline --progress --config build/webpack.dev.conf.js'
qq_44196374的博客
02-26 6645
我的报错‘webpack-dev-server --inline --progress --config build/webpack.dev.conf.js’ 报错截图 解决方法 1.在终端运行指令“npm install webpack-dev-server@2.9.7 --save-dev ”（需要耐心等一会） 2.在build/webpack.dev.conf.js下更改 找到 devSe...
出现`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`报错
weixin_40918145的博客
02-05 1496
vue 项目 npm run dev 运行时报错：npm ERR! xxx@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 原因：新版的webpack-dev-server 3.1.14 存在问题。 解决方法：package.json 中指定 webpack-dev-server 低版本号 方法1： “webpack-dev-server”: “^2.9.1” 删除 no.
npm报错`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
热门推荐
GongWei_的博客
08-10 2万+
今天刚来公司启动项目就给我报下面的错误 百度一下，通常报这个错的原因是：webpack-dev-server 版本存在问题 解决办法：安装 webpack-dev-server 低版本号 方法一：删除 node_modules 目录，再重新安装依赖包 npm install -S，这样较费时间 方法二： 先卸载当前 webpack-dev-server，指令：npm uninstall webpack-dev-server 下载低版本 指令：npm install webpack-dev-server@2
报错：dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
m0_47265814的博客
07-14 6070
该问题出现在我从git上刚刚拉下来的项目 在npm install 之后，npm run dev/npm run serve都报错？？？ 然后我根据 报错信息查看我的 package.json文件 我发现报错信息就是dev后面 这句话 ，dev后面不一定是这句话哈，我对比了其他项目 也有这样的。 通过百度我发现是webpack版本低问题，也尝试了更换版本，先 卸载，在安装对应版本 ，发现并不能解决 还有一种 方式是直接修改webpack-dev-serve版本，可是我 查找全文件并没有一下这句话，
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值