使用第三方模擬器調式react-native

安裝模擬器(我使用的是夜神模擬器),打開模擬器並連接模擬器
進入夜神安裝目錄的bin目錄下運行,或sdk所在的platform-tools目錄下:

>adb connect 127.0.0.1:62001
還可以使用逍遙模擬器:
逍遙模擬器 >adb connect 127.0.0.1:21503
注:當前必須只能有一個機子連着電腦,無論是模擬器還是真機!

查看是否連接成功

>adb devices

出現下面的東西就說明手機連接成功,此時就可以啓動項目了


開啓react-native 項目

yarn android

若想react developer Tools與模擬器進行調試,可通過以下步驟執行
(1)、全局安裝react-devtools
npm install -g react-devtools
注意:如果您希望避免全局安裝,可以將react-devtools添加爲項目依賴項。 使用npm install --save-dev react-devtools將react-devtools包添加到項目中,然後將“react-devtools”:“react-devtools”添加到package.json中的scripts部分,然後運行npm run react -devtools從項目文件夾中打開DevTools。
(2)、安裝完成後在命令行中執行react-devtools即可啓動此工具(此時react-native 項目已開啓且夜神模擬器也已開啓):
react-devtools
(3)搖一搖手機,模擬器的右邊工具欄有搖一搖功能,彈出菜單(如果模擬器的分辨率設置爲手機版不是平板板,搖一搖是無法彈出菜單的,模擬器最右側有個菜單鍵,可以打開菜單
),選擇"Toggle Inspector",它將打開一個疊加層,讓您點按任何UI元素並查看有關它的信息,如下圖
您可以在同一菜單中選擇“Toggle Inspector”以退出此模式。

當出現yarn add一個插件報這個錯誤時,operation not permitted, unlink 'E:\android_source\MyApp\node_modules@babel\template\n
解決方案:
(1)、 打開項目node_modules/react-native/local-cli/server/server.js
(2)、找到 process.on(‘uncaughtException’, error =>
  { })這個方法,把最後一句 process.exit(11); 註釋掉。
  再次運行就ok了!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章