React Native 0.47.1: Hot reload, MacOS'taki kod değişikliklerini yansıtmıyor

Question

React Native projem ile çalışırken yeniden çalışmaya başladım. Paketleyici Bundling index.ios.js ... [hmr enabled] mesajını gösterir ve bir değişiklik yaptığımda, cihazdaki Hot reloading... mesaj flaşını görüyorum, bu yüzden değişikliğin algılandığından eminim. Ancak, gerçek ekran kod değişikliklerini yansıtmıyor. Canlı yükleme iyi çalışıyor.

Düğüm modüllerini ve sıfırlama/kaldır/yeniden yüklenen bekçiyi yeniden yükledim. Hiçbir şeyin bir etkisi yok gibi görünüyor.

Başka neler denemeliyim? Ekranın neden güncellenmediğini nasıl anlarım?

Answer 1

react-native içinde HMR şu anki sürümü sadece React.Component veya Component [see] uzanan bileşenler için çalışır. Başka bir deyişle, başka bir temel sınıfı genişleten işlevsel bileşenler veya bileşenler için çalışmaz.

• İşlevsel bileşenler için babel-plugin-functional-hmr'u kullanabilirsiniz. Özel bir temel sınıf varsa

• , aşağıdaki şekilde sizin .babelrc yılında react-transform eklentisi geçersiz kılabilirsiniz:

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