React Native 0.47.1: Hot Reload zeigt keine Codeänderungen auf MacOS

Question

Ich versuche, mit meinem React-Native-Projekt heiß zu laden. Der Verpacker zeigt die Nachricht Bundling index.ios.js ... [hmr enabled] und wenn ich eine Änderung mache, sehe ich die Nachricht Hot reloading... auf dem Gerät blinken, so bin ich zuversichtlich, dass die Änderung erkannt wird. Der tatsächliche Bildschirm spiegelt jedoch nicht die Codeänderungen wider. Live-Nachladen funktioniert gut.

Ich habe die Knotenmodule neu installiert und zurückgesetzt/deinstalliert/neu installiert Watchman. Nichts scheint etwas zu bewirken.

Was sollte ich noch versuchen? Wie finde ich heraus, warum der Bildschirm nicht aktualisiert wird?

Answer 1

Die aktuelle Version von HMR in react-native funktioniert nur für Komponenten, die aus React.Component oder Component [see] erweitern. Mit anderen Worten funktioniert es nicht für funktionale Komponenten oder Komponenten, die eine andere Basisklasse erweitern.

• Für funktionale Komponenten können Sie babel-plugin-functional-hmr verwenden.

• Wenn Sie eine benutzerdefinierte Basisklasse haben, können Sie react-transform Plugin in Ihrem .babelrc wie folgt außer Kraft setzen:

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