关于自动刷新的问题

Question

每次我改完js文件后，刷新浏览器都没有反应，需要我npm run webpack手动先打包，再调用webpack-dev-server才能刷新，怎么办

Answer 1

Parry 2017-05-10 10:53:45

我 frok 了你的代码，重新配置好上传了，你可以直接下载了参考，我测试完全没问题了。

https://github.com/ParryQiu/React-Webpack2-HMR-Template

Answer 2

Parry 2017-05-07 21:01:55

此 React 课程学习遇到的常见问题以及没有审核通过的补充视频（如打包后的文件压缩、单独的 webpack 2 视频教程等）可以参考我博客的整理。

我的博文地址：http://blog.parryqiu.com/2017/03/09/react-q-and-a/

目前文章主要包含了以下问题的解决方案

•  一些课程资源

• webpack-dev-server

• React Developer Tool 的问题

•  缺少      react-html-attrs 插件

• babel-loader 没加载的错误

• fetch

• 占用端口 8080 的问题

• The root route must render a single element 的处理

• 如何在chrome console 中打开 paint flashing

• 父组件通过 refs 获取子组件真实 DOM 节点的问题

• 跳转 Route 的问题

• 将 AntDesign 中的 getFieldProps 替换成 getFieldDecorator

• Target      container is not a DOM element

• 慕课没有发布的更新课程

• React Router 4.0 中 location undefined 的问题

• AntDesign 文档中的函数语法错误

• 解决 webpack-dev-server 不能自动刷新的问题

• 解决课程中 React Router 版本的差异问题

• 提问者 西北莫 #1

  那个视频感觉没什么啊

• Parry 回复 提问者 西北莫 #2

  你没看到配置自动刷新的？
  具体的问题是什么？

• 提问者 西北莫 回复 Parry #3

  那些--inline --hot加了也刷新不了，就是每次改完都需要重新打包再用webpack-dev-server才能刷新

点开查看后面3条评论

Answer 3

提问者 西北莫 2017-05-09 09:20:28

保存时还有红色的js出现，是不是红圈圈里的打包的update.js的原因，感觉像是没有打包进去bundle.js,有了两个chunk

• Parry #1

  你要不传代码到 github 上我下载了直接帮你看看？

• 提问者 西北莫 回复 Parry #2

  github.com/Lyd9607/reactFlush

• 提问者 西北莫 回复 Parry #3

  老师可以加你微信吗

Answer 4

提问者 西北莫 2017-05-09 09:08:29

这是配置文件

Answer 5

提问者 西北莫 2017-05-08 18:32:03

这是运行webpack-dev-server时的

• Parry #1

  奇怪，我看你配置都是对的，晚上电脑前帮你再看下。

• 提问者 西北莫 回复 Parry #2

  好的，谢谢

• Parry 回复 提问者 西北莫 #3

  webpack-dev-server --inline --hot 试试，不要加那么多不必要的参数。

Answer 6

提问者 西北莫 2017-05-08 18:27:43

就我每次改完保存，命令行都会显示，但浏览器并不会更新

• Parry #1

  请截图下webpack-dev-server