RN調(diào)試&Flipper安裝

react-devtool+chorme-debugger

調(diào)試頁面 http://localhost:8081/debugger-ui
通過 chrome://inspect/#devices 添加Devices，并且調(diào)試對應(yīng)的console
注意：
● Chrome 中并不能直接看到 App 的用戶界面，而只能提供 console 的輸出，以及在 sources 項中斷點調(diào)試 js 腳本。
● 使用 Chrome 調(diào)試目前無法觀測到 React Native 中的網(wǎng)絡(luò)請求，可以使用功能更強大的第三方的react-native-debugger或是官方的flipper（注意僅能在 0.62 以上版本可用）來觀測。

image.png

Fipper

Node & Watchman

推薦使用Homebrew來安裝 Node 和 Watchman。在命令行中執(zhí)行下列命令安裝（如安裝較慢可以嘗試阿里云的鏡像源）：

# watchman在搭建安卓開發(fā)環(huán)境的時候會裝好。adb在安裝android studio 時就會默認(rèn)安裝了
brew install node@16
brew install watchman

IDB installed

最好檢查一下現(xiàn)在系統(tǒng)有沒有安裝好idb（擱這卡了半天）
有的話會返回路徑

user@userMacBook-Pro ~ % which idb
/opt/homebrew/bin/idb

在flipper設(shè)置中把上面的路徑配置進去

設(shè)置

[react-native] 使用flipper打造一個完美的debug環(huán)境 - 掘金 (juejin.cn)

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容