我是在windows搭建的, 過程中碰見了很多問題, 大多數簡單的搜尋就可以解決, 但有兩個較難排查, 現在記錄於下
ps. 建議別用windows自帶的命令列, 出現問題後報錯資訊不能複製是個坑, 建議用WebStorm自帶的Terminal, 自動轉入專案路徑, 且文字均能複製, 解決了一些麻煩.

Unable to resolve module AccessibilityInfo from XXX

android啟動後大紅屏錯誤, 具體資訊是這個

Unable to resolve module `AccessibilityInfo` from `xxx\node_modules\react-native\Libraries\
react-native\react-native-implementation.js`
 
: Module does not exist in the module map

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
  1. Clear watchman watches: `watchman watch-del-all`.
  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
  3. Reset Metro Bundler cache
 
: `rm -rf $TMPDIR/react-*` or `npm start -- --reset-cache`.  
  4. Remove haste cache: `rm -rf $TMPDIR/haste-map-react-native-packager-*`.

按照報錯資訊中的四個方法都沒有解決此問題, 後來在github的問題討論中找到了一條不起眼的答案.
按照上面教程走下來後安裝的是最新的ReactNative(現在是0.56), 這個問題可能是新版本的bug, 降級到0.55即可.

降級流程:
1. 在工程目錄下執行 E:\ReactNative\Test>npm install --save

[email protected];
2. 然後 E:\ReactNative\Test>react-native upgrade, 這裡會提示你要不要覆蓋原來的部分檔案, 我是一路y, 最後提示 Successfully upgraded this project to react-native v0.55.4;
3. 接下來再執行, 提示一個android目錄下build錯誤, 我猜應該是build舊檔案的錯誤, 所以刪掉了android目錄下的幾個build資料夾;
4. 又有問題( 如果沒有這麼多問題就跳過這些步驟 ): MainApplication 內找不到 BuildConfig ,程式碼問題好辦, 用AS開啟, import BuildConfig 就可以了.

另外, Unable to resolve module react-navigation from 可以用 npm install [email protected]://github.com/react-community/react-navigation.git --save 解決.

至此, mission complete, 來到下一個問題(手動滑稽)

Module build failed: Error: Plugin 0 specified in “base” … provided an invalid property of “default”

也是個大紅屏錯誤, 是在babel-preset-react-native包裡的檔案錯誤, 看了下那個檔案, 沒有幾行程式碼.

執行 npm install --save-dev [email protected] 後再次執行即可, 終於看到夢寐以求的介面了

如何同時執行兩個RN專案

我們知道, 有時候執行專案時會報錯 8081埠被佔用, 一般都是因為啟動過一個專案的原因, 在工作管理員中殺掉node.js即可.
但如果我們不想殺掉它呢, 我就是想同時跑兩個專案, 這也是可以的, 在這個檔案中可以配置

在service.js的61行( 可能不同的版本不一樣 )處修改8081為想要的其他埠即可, 注意手機上也要重新配置埠