Webpack-dev-server 沒反應

#1

嘗試使用webpack的hot module replacement功能,但是始終在我修改文件時,都沒正常反應
直接使用別人寫好的也是一樣(例如下面這些)

執行後只會在console顯示如下訊息,代表socket有正常連接上

[HMR] Waiting for update signal from WDS...
[WDS] Hot Module Replacement enabled.

但是修改react的component卻沒任何反應,想請問大家這邊問題可能出在哪?

#2

忘記說環境是 MAC OS 10.10.3
然後問題解決了…只是把整個root folder移到其他地方就正常運行了…

#3

我有次遇到 Mac 文件名大写, 刷新不生效… 无语了

#4

vim! 我坑在vim上。。。
害我写了个webpack插件,观察编译情况,大不了多保存几次让webpack编译。。。
最后最后发现还是老外牛逼

#5

先看你的控制台输出有没有 GET /socket.io/?EIO=XXXXXXXX的字样,
如果这个HTTP返回结果是200,那么一般的问题在于之前你使用了webpack,已经在对应的目录下生成了bundle.js文件,
当此文件物理存在时,hot replace是不起作用的,因为这时访问的不是内存中即时生成的bundle。

如果你Get /socket.io失败或者根本看到类似的字样,则去检查你的配置文件,github上有boilerplate文件,
带express的版本: https://github.com/christianalfoni/webpack-express-boilerplate
不带express的版本: https://github.com/gaearon/react-hot-boilerplate

#6

这里给你一下我的参照的文章



结果很可能是你没有理解什么是webpack-dev-server,或者是其他的原因,你可以看下,做个参考,我之前配置也是没有反应,是因为我这里需要做一个proxy,将静态文件proxy到 webpack-dev-server就好了。

#7

我也遇到了这个问题,在webpack的entry中显式的增加的devserver的入口,解决了这个问题