react native紅螢幕報錯怎麼辦

react native紅屏報錯的解決方法：1、在「android/app/src/main/」中建立資料夾assets；2、執行指令「react-native bundle --platform android --dev false --entry-file index.android.js...」；3、在專案中執行「react-native run-android」即可。

本教學操作環境：Windows10系統、React Native0.67版、Dell G3電腦。

react native紅色螢幕報錯怎麼辦？

react-native啟動時紅屏報錯：Unable to load script.Make sure you're either running a metro server or that .... 

一、報錯訊息內容

我是在Android Studio中執行啟動react-native專案時報的這個錯誤

1、報錯提示：Unable to load script.Make sure you're either running a metro server（ run 'react-native start' ） or that your bundle 'index.android.bundle' is packaged correctly # release.

##1。 #2、中文翻譯：無法載入腳本。請確保您運行的是Metro伺服器（運行'react-native start'）或 您的軟體包'index.android.bundle'已正確打包以供發布。

二、原因

index.android.bundle  這個檔案是否存在

#在編輯器裡全域搜了這個檔案沒有找到

三、解決方法 1、 專案中在android/app/src/main/建立資料夾  assets

 2、專案中執行指令

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

　*

注意

：查看自己專案是否有 index.android.js這個文件，如果有回車執行指令即可，否則會報錯，找不到這個index.android.js檔;把index.android.js改為index.js

#　

執行這句指令後會在新建的assets資料夾下產生一個index.android.bundle檔案

 

# 3、 專案中執行react-native run-android，成功啟動

 

四、成功啟動後

################修改App.js中的內容，刷新模擬器看是否修改；安卓模擬器reload選單介面顯示快速鍵ctrl M;###### 推薦學習：《###react影片教學###》###

以上是react native紅螢幕報錯怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！