1. 程式人生 > >React Native遇到的一些報錯資訊及解決方案

React Native遇到的一些報錯資訊及解決方案

1、React native: Cannot add a child that doesn’t have a YogaNode or parent node

該錯誤一般是因為render方法中註釋語句寫法不正確,render的return函式裡面的註釋語句應該寫在 {} 裡面,而不是直接 //,正確寫法:{/*註釋語句 */}

2、make sure your bundle is packaged correctly or you’re running apackager server.

這個大多是IP地址不對應引起的,解決方案:

  • 將裝置上已安裝的測試apk解除安裝
  • 檢視電腦ip地址 在應用“Dev Settings”裡面設定正確的ip地址和埠號
  • 重新執行

3、Unable to find a matching configuration of project :react-native-fs: None of the consumable configurations have attributes.

意思是缺少依賴庫(本例缺少react-native-fs依賴庫),解決方案,下載對應的依賴庫,如本例npm install react-native-fs

4、react native報failed to establish session的錯誤

這裡寫圖片描述
我是在小米上遇到的,是小米系統的鍋,去開發者選項裡面,將MIUI優化

關掉就行。

5、undefined is not an object(evaluating ‘_react2.PropTypes.oneOfType’)

原因是PropTypes的引用地址出問題了,原來PropTypes在react-native裡面,現在在prop-types庫裡面,所以解決方案是:將原來的imprort {PropTypes} from 'react'; 改為import PropTypes from 'prop-types'; 即可!

6、真機執行白屏,搖晃不出來開發者選單

解決方案請找到並開啟懸浮窗許可權,一般在應用管理!
還有一個可能的原因是MainApplication裡面的BuildConfig引用來源的問題,我的裡面無意中將引用改為import com.facebook.react.BuildConfig;

導致一些列問題,將其改為自己的包名即可!!

7、執行Android版之後,資原始檔在Android下面自動複製了一份

原因也是上面關於引用路徑的問題,將MainApplication裡面的BuildConfig引用來源改為import com.facebook.react.BuildConfig;改為自己的包名即可!!

8、error while updating property ‘src’ of a view managed by:RCTImageView3

我的出現這個問題是Image的source裡面的圖片原出現錯誤,按照正確格式改過就ok了!

9、react-native直接執行沒問題,但是打包安裝執行閃退

我的原因是程式碼裡面有個地方使用了View.propTypes型別檢測,因為只有在開發模式下才有View.propTypes,打包後會報錯

    static propTypes = {
        style: View.propTypes.style,
        inputItemStyle: View.propTypes.style,
        itemTextStyle: View.propTypes.style,
        ...
    };

解決方案:將上面用到View.propTypes的地方刪除就行!

10、明明連線著裝置,但是還是報Could not install the app on the device, …Make sure you have an Android emulator …

這種情況一般是裝置許可權問題,關閉開發者模式,重新開啟一下,如果裝置上有提示,記得點選確定或允許即可

11、ubuntu執行react-native開啟服務時報錯ENOSPC: no space left on device, watch …

應該是npm install的時候出現了什麼異常,將node_modules刪除,重新install就可以啦!注意使用科學上網或者使用淘寶映象!