解決VSCode除錯react-native android專案錯誤問題
如果執行react-native android專案出現如下錯誤:
解決辦法如下:
一、執行adb devices,判斷adb有沒有斷,
二、如果是adb斷了就使用一下步驟
adb reverse tcp:8081 tcp:8081 npm start
如果adb沒斷,直接
npm start
如果執行gradle ass打包命令進行打包之後,出現如下錯誤:
1、檢查react-native專案工程目錄下的index.js裡面的AppRegistry.registerComponent(appName,()=>App);看註冊的專案名是什麼,這個註冊的專案名很重要;
2、檢查android工程下的MainActivity的以下方法返回的是什麼:
@Override protected String getMainComponentName() { return "whzsagent"; }
3、檢查android工程app/src/main/assets/index.android.bundle檔案當中r.exports={name:"whzsagent",displayName:"whzsagent"}},APP_ANDROID_UPDATE_TYPE:'whzsagent-android',APP_IOS_UPDATE_TYPE:'whzsagent-ios'這4個地方
4、檢查ios目錄下的AppDelegate.m檔案的如下方法:
RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"whzsagent" initialProperties:nil launchOptions:launchOptions];
以上4個地方返回的值要是統一的,否則打包之後啟動app執行就會報以上錯誤。
有時候修改了ip地址,修改了app的包名,app註冊模組名等之後,打包apk再執行時會發現要麼地址總是指向不對,要麼就是啟動異常,這個時候可能就是app/src/main/assets/index.android.bundle檔案導致的,必要時需要重新編譯該檔案
app/src/main/assets/index.android.bundle檔案的編譯方法為:
第一步:在Android/app/src/main目錄下建立一個空的assets資料夾
第二步:react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/
到此這篇關於VSCode除錯react-native android專案錯誤解決辦法的文章就介紹到這了,更多相關VSCode除錯react-native android報錯內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!