刷新浏览器后 React 不会自动重新渲染

【问题标题】：React does not automatically re-render after refreshing browser刷新浏览器后 React 不会自动重新渲染
【发布时间】：2017-09-27 01:37:27
【问题描述】：

我每次都必须重新启动服务器才能看到新的更改反映在 html 上。我相信当 js/jsx 组件代码发生变化时，react 应该能够自动重新渲染。

我目前正在 vagrant 上运行我的服务器。

我尝试在 package.json 中分别添加“--hot”和“--watch”。

谢谢

【问题讨论】：

【解决方案1】：

你必须使用 webpack-dev-server 来提供你的 JS。这就是提供热重载功能的原因。

即您应该构建与此类似的项目（来自 package.json）：

"start": "node_modules/.bin/webpack-dev-server --inline --content-base dist --history-api-fallback"

并且你的 webpack.config.js 应该包含类似于：

devServer: {
  colors: true,
  historyApiFallback: true,
  inline: false,
  port: 8080,
  hot: true
},

【讨论】：