Question

我遇到了webpack HRM的问题。我正在使用hapi.js服务器来启动webpack。 Webpack编译所有文件（我的应用程序是多条目）。该应用程序使用最新的React 15.6。当我对一些React组件进行更改时，webpack开始重建过程。

当流程完成后，在浏览器控制台中我会看到日志

http://imgur.com/a/DDTQW

ui / pages / Login / index.js ---＆gt;这是我做出改变的文件

当我在Chrome浏览器的DevTools中转到“网络”标签时，我会看到更新

http://imgur.com/a/ZYmdb

但视图未更新。我也使用react-hot-loader / webpack作为加载器。刷新页面后，我看到更改/更新。我的问题是如何在收到更改/更新后重新呈现视图。

由于

Answer 1

@JoséQuintoZamora

对于迟到的回答感到抱歉，但我发现了为什么会这样。实际上它花了我一个多星期。使用webpack配置的一切都可以。我正在使用webpack-hot-middleware和react-hot-reload。 Top Component是来自'react-hot-reload'的AppContainer。每个组件的每次更改都会出现同样的错误 - 需要完全重新加载。该项目正在开发超过2或3年。现在我正在重构使用最新ES6功能创建的所有旧组件。

问题是有一些组件是纯JS函数，例如

function Index({ a, b, c }) {
   return .....
}

export default connect(....)(Index)

它们是导致消息的主要组件之一

这通常是因为已更改的模块（及其父母）不知道如何热重新加载

谢谢！

Webpack HRM不会更新视图

1 个答案: