webpack-dev-server 运行时 chrome 返回 ERR_CONNECTION_REFUSED

前端之家收集整理的这篇文章主要介绍了webpack-dev-server 运行时 chrome 返回 ERR_CONNECTION_REFUSED前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在学习webpack的时候碰到这么一bug,就是运行webpack-dev-server的时候用localhost:3000怎么也打不开项目,一直报错,这个问题一直持续了有四五个小时。

后来通过stackoverflow找到答案: 当PC访问localhost的时候会经过本地localhost跳到127.0.0.1去,但是可能会有一些莫名其妙的问题影响,比如我这里的情况就是本来能够好好的访问,但是真的就是笔记本一合一开项目就挂了。。真的是不讲道理。。

另外我本地localhost绑定了自定义的URL,不知道是不是也有影响,但是初级阶段的时候是能够正常访问的,所以真是无解。以下是给到我启发的原文链接

https://stackoverflow.com/questions/31470607/chrome-http-localhost3000-err-connection-refused/31518727#31518727
@H_404_8@

另外一个衍生的问题就是改掉之后控制台会一直报错:

GET http://localhost:3000/sockjs-node/info?t=xxxx net::ERR_CONNECTION_REFUSED
[WDS] Disconnected!
@H_404_8@

解决方案是:

Change this line:
'webpack-dev-server/client?http://localhost:9090/',to
'webpack-dev-server/client?http://' + require("os").hostname() + ':9090/',@H_404_8@
https://github.com/webpack/webpack-dev-server/issues/416@H_404_8@

猜你在找的程序笔记相关文章