ReactNative從入門(mén)到放棄

1、iOS啟動(dòng)模擬器出現(xiàn)如下錯(cuò)誤信息

Application XXX(項(xiàng)目名) has not beenRegistered. This is either due to a require() error during initialization or failure to call AppRegistry.registerComponent

原因:

1、AppRegistry.registerComponent('項(xiàng)目名',() => 項(xiàng)目名); *
與./ios/項(xiàng)目名/appDelegate.m中的RCTRootView*rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"項(xiàng)目名" initialProperties:nil launchOptions:launchOptions];

解決辦法:

1、項(xiàng)目名稱(chēng)全部統(tǒng)一即可。
2、若不同,后兩個(gè)項(xiàng)目名為root的類(lèi)名。

2、本地服務(wù)沒(méi)有啟動(dòng),或者端口被占用。

解決辦法:

1、到當(dāng)前proj目錄下,react-native start,啟動(dòng)本地服務(wù)。
2、如果出現(xiàn) ERROR Packager can't listen on port 8081。
3、使用命令 lsof -i:8081 ,查看這個(gè)端口是否被某個(gè)進(jìn)程占用。
如果被占用,會(huì)有信息輸出如下。

? ~/Desktop/TabBarDemo/ [master] lsof -i:8081
COMMAND   PID    USER   FD   TYPE             DEVICE SIZE/OFF NODE NAME
node    32146 Jueying   24u  IPv6 0x75456f5cb82f8085      0t0  TCP *:sunproxyadmin (LISTEN)

如果沒(méi)有被占用,則不會(huì)輸出任何信息。
4、如果8081這個(gè)端口被占用,使用命令:kill -9 8081 ,命令將這個(gè)進(jìn)程干。
5、command + r,刷新模擬器. 已ok。

2、錯(cuò)誤信息Command "run-ios" unrecognized. Did you mean to run this inside a react-native project?

解決辦法:

1、到當(dāng)前proj目錄下,使用命令:npm install即可。

寫(xiě)在結(jié)束。。。

學(xué)習(xí)ReactNative已有1月有余,簡(jiǎn)單的頁(yè)面布局和網(wǎng)絡(luò)請(qǐng)求,已經(jīng)很熟悉。正準(zhǔn)備適配安卓時(shí),微信小程序又冒出來(lái)了,來(lái)勢(shì)洶洶,很真切的感受到了從入門(mén)到放棄。

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

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

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