React Native 0.47.1：热重载不反映 MacOS 上的代码更改

Question

我正在尝试使用我的 React Native 项目进行热重载。打包程序会显示消息Bundling index.ios.js ... [hmr enabled]，当我进行更改时，我会在设备上看到Hot reloading... 消息闪烁，因此我确信正在检测到更改。但是，实际屏幕并未反映代码更改。实时重新加载工作正常。

我已经重新安装了节点模块并重置/卸载/重新安装了 watchman。似乎没有任何效果。

我还应该尝试什么？如何找出屏幕未更新的原因？

Answer 1

react-native 中的当前版本 hmr 仅适用于从 React.Component 或 Component [see] 扩展的组件。换句话说，它不适用于功能组件或扩展另一个基类的组件。

• 对于功能组件，您可以使用babel-plugin-functional-hmr。

• 如果您有自定义基类，则可以在您的.babelrc 中覆盖react-transform 插件，如下所示：

  { “预设”：[“反应原生”]， “环境”：{ “发展”： { “插件”：[ [“反应转换”， { “变换”：[{ “变换”：“反应变换-hmr”， “进口”：[“反应”]， “本地人”：[“模块”] }], "superClasses": ["CustomComponent", "React.Component", "Component"] } ] ] } } }