webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

Posted 2023-04-17

参考技术A 这该死的bug折腾了我一天，终于解决了，现在记录一下解决办法：
首先声明一点，这种Bug一般都出现在你使用的是现有的工程，新建的工程不可能出现这个问题，如果出现，太简单了，把node_moudles删除，重新npm install即可。
当现有的工程出现这个bug的时候，问题就没有那么简单，按照下面步骤检查：
1.最重要的就是你要弄清楚这个项目之前安装依赖是用的什么命令，是否使用了镜像，npm/cnpm不能混着使用，否则会出现问题。如果之前使用的是cnpm，那安装依赖就一直使用cnpm。
2.弄清楚安装依赖的命令以后，把node_moudles删除，重新npm/cnpm install即可。
3.如果还报错的话，你要检查webpack 与 webpack-dev-server 的版本是否对应，这两个东西的版本必须是对应的才可以。下面教你如何看两个东西对应的版本：
https://www.npmjs.com/package/webpack-dev-server
点开网址以后，选择Versions,就能看到 Current Tags , 如图

安装完以后，重新npm run dev，就可以跑通了。

webpack-dev-server报错

运行npm run dev报错，----

webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\admin\AppData\Roaming\npm-cache\_logs\2019-03-26T03_47_45_865Z-debug.log

 

原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好。

（1）npm uninstall webpack-dev-server

（2）npm install [email protected]

（3）npm run dev