npm start 上的 webpack-dev-server 错误答案

【问题标题】：webpack-dev-server error on npm startnpm start 上的 webpack-dev-server 错误
【发布时间】：2017-04-06 14:29:24
【问题描述】：

我正在尝试在 ng2-admin 上运行 npm start，一切正常，直到我执行 npm update 以尝试更新 pacakages，

之后 npm 启动并出现错误：

webpack-dev-server --config config/webpack.dev.js --progress --profile --watch --content-base src/
10% building modules 3/3 modules 0 activeError: listen EADDRINUSE 127.0.0.1:8080
at Object.exports._errnoException (util.js:1026:11)
at exports._exceptionWithHostPort (util.js:1049:20)
at Server._listen2 (net.js:1257:14)
at listen (net.js:1293:10)
at net.js:1403:9
at GetAddrInfoReqWrap.asyncCallback [as callback] (dns.js:62:16)
at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:81:10)
npm ERR! Darwin 15.5.0
npm ERR! argv "/Users/vm/versions/node/v6.9.1/bin/node" node/v6.9.1/bin/npm" "run" "server:dev"
npm ERR! node v6.9.1
npm ERR! npm v3.10.8
npm ERR! code ELIFECYCLE
npm ERR! ng2-admin@0.7.0 server:dev: webpack-dev-server --config config/webpack.dev.js --progress --profile --watch --content-base src/
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the ng2-admin@0.7.0 server:dev script 'webpack-dev-server --config config/webpack.dev.js --progress --profile --watch --content-base src/'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the ng2-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack-dev-server --config config/webpack.

【问题讨论】：

标签： node.js npm webpack webpack-dev-server

【解决方案1】：

错误信息的相关部分是：listen EADDRINUSE 127.0.0.1:8080。这意味着webpack-dev-server 正在尝试在127.0.0.1:8080 上运行，但地址和端口已在使用中。

尝试打开浏览器并在地址栏中输入127.0.0.1:8080。也许已经在该端口上运行了另一台服务器。运行jobs 以检查后台进程。

【讨论】：

不，我试图重新启动同样的问题，当我得到这个地址时，我得到：Html Webpack Plugin：错误：子编译失败：找不到模块：错误：无法解析'string- replace-loader?{"search":"var sourceMappingUrl = extractSourceMappingUrl\(cssText\);","replace":"var sourceMappingUrl = \" \";","flags":"g"}' in '/Users /vitaly.menchikovsky/my app/manage-web-portal': 错误: 无法解析 'string-replace-loader?{"search":"var sourceMappingUrl = extractSourceMappingUrl\(cssText\);","replace": "变量
@VitalyMenchikovsky 澄清一下，你是从哪里得到这个错误的？
当我去这个地址 127.0.0.1:8080 时我也得到了它 npm start
jobs 的任何输出？您是否尝试过重新启动计算机？

【解决方案2】：

将 package.json 中的依赖项更改为

"webpack-dev-server": "2.1.0-beta.10", 而不是像

"webpack-dev-server": "^2.1.0-beta.9",

之后运行 npm install 或 npm update。

【讨论】：

为什么这很重要？