關於開發React Native的注意事項

標籤：

今天在寫一個簡單的RN的Demo時，一連出現了好幾個錯誤，最後幸虧得以解決，在這裡把我踩過的坑以及解決辦法分享出來：

1.運行出現錯誤：Could not connect to development server.

解決辦法：

請將項目中 AppDelegate.m 中的 

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/index.ios.bundle?platform=ios&dev=true"];

改為

jsCodeLocation = [NSURL URLWithString:@"http://127.0.0.1:8081/index.ios.bundle?platform=ios&dev=true"];

原因：做本地區域網路開發環境，大部分都會做伺服器映射處理，localhost 被指向特定的IP 而不是原生127.0.0.1， 就會出現這樣的問題。

2."Unable to resolve module XXX  from ......." in react native

出現這樣的錯誤提示有兩個原因，一個是你的依賴沒有完整安裝，另外一個就是你的檔案裡的代碼沒有寫對，比如英文字母寫錯等。

如果是依賴沒有安裝，可以參考以下命令：

npm i XXX --save  或者 npm install

然後關掉終端，重新運行。

3.ios9 https機制下串連網路辦法：

先在Info.plist中添加NSAppTransportSecurity類型Dictionary.然後在NSAppTransportSecurity下添加NSAllowsArbitraryLoads類型Boolean,值設為YES.

 

4.切記，我的大多數錯誤就是代碼寫錯，居然找了半天原因，笑哭了。。。。。。

 

關於開發React Native的注意事項