嘗試使用webpack的hot module replacement功能,但是始終在我修改文件時,都沒正常反應
直接使用別人寫好的也是一樣(例如下面這些)
執行後只會在console顯示如下訊息,代表socket有正常連接上
[HMR] Waiting for update signal from WDS...
[WDS] Hot Module Replacement enabled.
但是修改react的component卻沒任何反應,想請問大家這邊問題可能出在哪?
嘗試使用webpack的hot module replacement功能,但是始終在我修改文件時,都沒正常反應
直接使用別人寫好的也是一樣(例如下面這些)
執行後只會在console顯示如下訊息,代表socket有正常連接上
[HMR] Waiting for update signal from WDS...
[WDS] Hot Module Replacement enabled.
但是修改react的component卻沒任何反應,想請問大家這邊問題可能出在哪?
先看你的控制台输出有没有 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
这里给你一下我的参照的文章
结果很可能是你没有理解什么是webpack-dev-server,或者是其他的原因,你可以看下,做个参考,我之前配置也是没有反应,是因为我这里需要做一个proxy,将静态文件proxy到 webpack-dev-server就好了。