天天看點

React Native 開發中常見問題

報500錯誤

React Native 開發中常見問題

在運作ReactNative項目的時候,手機上經常會出現這種錯誤,解決辦法:

在目前項目的路徑下分别運作以下指令:

npm uninstall babel-preset-react-native

npm install [email protected] —save
           

如果你是用的yarn的話,需要将npm修改為yarn:

yarn remove babel-preset-react-native

yarn add [email protected]
           

或者直接将根目錄下的package.json檔案裡面的babel-preset-react-native的版本修改為2.1.0, 最好将react-native的版本降到0.55.4,不要使用最新版本

然後執行npm update

React Native 開發中常見問題

如果仍然沒有解決可能的原因是沒有找到assets下檔案,需要手動建立并設定

1.首先手動在main下建立一個assets檔案夾

2.然後cmd 進入項目的根目錄下執行:

React-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
           
React Native 開發中常見問題

在檔案夾中出現這兩個檔案的時候,在此重新運作;

React Native 開發中常見問題

出現這個界面說明運作成功

**總結:**1.版本是否相容問題

2.缺少對應的assets檔案,及檔案夾下的bundle檔案