React Native Xcode除錯遇到未找到main.jsbudle檔案
剛開始以為是main.jsbundle檔案的專案位置有誤,但是重新定位在檔案系統的位置之後發現,這個檔案確實是找不到了
那麼就來考慮一下如何重新生成這個檔案吧
1、先啟動react-native 服務
react-native start
2、通過curl命令生成
curl http://localhost:8081/index.ios.bundle -o main.jsbundle
其實從第二步執行的命令應該能看出來,第一步啟動專案是必須條件
3、接下來重新Run一把,你的除錯裝置就可以出現 Remote JS Debugging選項了
4、上線打包的時候,記得將 jsCodeLocation的位置進行除錯哦
// jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
相關推薦
React Native Xcode除錯遇到未找到main.jsbudle檔案
剛開始以為是main.jsbundle檔案的專案位置有誤,但是重新定位在檔案系統的位置之後發現,這個檔案確實是找不到了 那麼就來考慮一下如何重新生成這個檔案吧 1、先啟動react-native 服務 react-native start 2、通過curl命令生成 c
編譯依賴於React Native0.46.4的工程,報錯“react-native-xcode.sh now lives in a different location”
webstorm alt where git span command com pen app 我的環境: WebStorm 2017.2Build #WS-172.3317.70, built on July 14, 2017 JRE: 1.8.0_152-release
react native xcode修改專案名
1. 選中舊工程名,改為新的 然後選擇rename 2. 依次選擇黃色資料夾,修改名字,千萬不要在Xcode外修改!!! 修改結果為 3. 點選搜尋,搜尋舊專案名 點選Find,改為Replace 全部替換掉 4. 此時,還剩下一些需要手動修
react native(android除錯)踩的坑
錯誤一: 原因是:你使用的react native版本過新,新版本中已經刪除了React.createClass,所以建議使用es6語法,可以去學習阮一峰es6教程。 問題二: 具體錯誤我也說不清,你可以看看你的程式碼中是不是隻定義了一個元件,並沒有export,
react-native 模擬器除錯
在做React Native開發時,少不了的需要對React Native程式進行除錯。除錯程式是每一位開發者的基本功,高效的除錯不僅能提高開發效率,也能降低Bug率。本文將向大家分享React Native程式除錯的一些技巧和心得。 Developer Menu D
react-native android 除錯 遇到的坑(持續更新)
1.小米裝置除錯 檢視裝置是否正常連結 adb devices 連結正常 報錯: FAILURE: Build failed with an exception. * What went wrong: Execution fa
Windows下React-Native如何除錯和執行iOS
由於前段時間寫了一個React-Native的專案Mung,就想把打包出.apk和.ipa,我個人一直從事Android開發所以安卓app打包就沒什麼問題了,但ios打包問題就大了,最大的問題就是
React Native 匯入獨立模組ES6寫法 將js檔案模組化方式
建立獨立的js檔案使用export關鍵字將自定義的元件匯出給外部使用,LoginModule 是自定義的匯出使用的類名字,extendsTextInputDemo,是繼承自真實的自定義元件類 export default class LoginMo
react native增量熱更新生成合並補丁檔案
這是一個node命令,有兩個命令可用,一是用於生成補丁檔案,一個是合併補丁生成新的檔案. 很多情況下我們需要生成補丁檔案,例如 react native 的熱更新,自建伺服器進行熱更新,不用codepush和pushy,需要生成bundle的補丁檔案,然後從伺服器下載下
《React-Native系列》40、 ReactNative之bundle檔案瘦身
【背景】目前,我們的app中採用Native+RN的混合模式開發,每個由RN開發的頁面,頁面的載入都是載入的一個Bundle檔案,而一個Bundle檔案的大小為500-600Kb。在沒有內建bundle檔案的情況下,使用者想要使用所有由RN開發的功能,需要下載 n* 500
[轉]react native 真機除錯appdelegate.m找不到ip地址的處理
現象 對著書本及網上文章,如果要進行真機除錯,得修改appdelegate.m裡的ip,但高版本的react native已經做了大變動。 React Native iOS在0.29.0版本中BundleURL載入方法做了重大改變,新增了RCTBundleU
windows上react-native run-android時Exception in thread "main" java.lang.IllegalArgumentException: MALFORMED報錯
andro 重新 ive div alt 刪除 ima 用戶 文件夾 報錯如圖 解決 在C:\Users\{用戶名}\.gradle\wrapper\dists路徑下,刪除所有文件夾,重新run-android ps:網上搜了說是說是java解壓縮編碼格式問題什麽的,感覺
React Native 真機除錯:RectNative啟動紅屏問題解決
https://reactnative.cn/docs/running-on-device/ 1. 手機必須先連線 連線時選擇僅充電 ==> 百度自己機型如何開啟開發者模式 ==> 開啟 usb 除錯 2. 下載 adb cd 到 adb 目錄下執行命令 ad
使用WebStorm開發React Native除錯Android專案
React-Native自帶的列印log的命令 android : react-native log-android ios : react-native log-ios android studio除錯習慣了,然後在webstorm除錯react-native找到了一個除錯外掛:r
ios React-Native 之 找不到標頭檔案
我的解決辦法有點簡單暴力: 將package.json中的"react"直接改成16.2.0, react-native 改成了0.53.3,如下: "dependencies": { "react": "16.2.0", "re
Chrome 除錯 react-native 通過Network面板檢視網路請求
參考 https://github.com/facebook/react-native/issues/934 三樓 真機或模擬器下 Debug JS Remotely, 會開啟chrome,地址為ip:8081/debugger-ui/ 可能無法訪問,手動改成 http://l
react native安卓除錯(搖一搖和選單鍵無效)
一個原生的專案要求嵌入react native介面,於是我把打包好的bundle放到assets資料夾下本地載入,執行沒問題,但是沒辦法除錯,搖一搖和長按Menu鍵都不行。 檢查程式碼,主配置檔案中註冊了 <activity android:name="com.fa
使用真機除錯react-native步驟(安卓機)
1、開啟 USB 除錯 2、檢查你的裝置是否能正確連線到 ADB(Android Debug Bridge),使用adb devices命令 $ adb devices List of devices attached emulator-5554 offline
react native 熱更新與程式簡單除錯
1.如何開啟Developer Menu 模擬器:ctrl+m 真機:搖一搖手機即可 2.除錯及熱更新準備工作:當真機使用資料線或者模擬器時可以忽略,建議
React-Native 真機除錯踩坑指南
繼上一篇基礎安裝踩坑繼續我們的踩坑之旅,備註一下以下僅針對Mac環境~~ 安卓 1、adb 找不到命令? Adb的全稱為Android Debug Bridge,就是起到除錯橋的作用,真機除錯安卓必備的工具。 做RN開發一般都會安裝android studio,在安裝之初會有一個android-platfor