React Native 0.47.1：ホットリロードはMacOSのコード変更を反映していません

Question

React Nativeプロジェクトでホットリロードをしようとしています。パッケージャはメッセージBundling index.ios.js ... [hmr enabled]を表示します。変更を加えると、デバイス上にHot reloading...メッセージのフラッシュが表示されるので、変更が検出されていると確信しています。しかし、実際の画面はコードの変更を反映していません。ライブリロードは正常に動作します。

ノードモジュールを再インストールし、ウォッチマンをリセット/アンインストール/再インストールしました。何も効果がないようです。

他に何を試していますか？画面が更新されない理由を把握するにはどうすればよいですか？

Answer 1

react-nativeのhmrの現在のバージョンは、React.ComponentまたはComponent [see]に拡張されたコンポーネントに対してのみ機能します。つまり、別の基本クラスを拡張する機能コンポーネントやコンポーネントでは機能しません。

• 機能コンポーネントの場合は、babel-plugin-functional-hmrを使用できます。カスタムベースクラスを持っている場合は

• 、次のようにあなたの.babelrcにreact-transformプラグインを無効にすることができます：

   
  { 
      "presets": ["react-native"], 
      "env": { 
      "development": { 
       "plugins": [ 
       ["react-transform", 
        { 
        "transforms": [{ 
         "transform": "react-transform-hmr", 
         "imports": ["react"], 
         "locals": ["module"] 
        }], 
        "superClasses": ["CustomComponent", "React.Component", "Component"] 
        } 
       ] 
       ] 
      } 
      } 
  }