最新的React Native已經(jīng)更新到了0.33.0,如何更新自己已經(jīng)搭建好的React Native開發(fā)環(huán)境呢,我按照以下步驟完成了更新,現(xiàn)記錄下來,供有需要的人參考。
1.查看 react native 的最新版本。
進(jìn)入項(xiàng)目根目錄,命令行執(zhí)行
npm info react-native
查看當(dāng)前版本react-native --version
2.在項(xiàng)目目錄下修改package.json文件,將下列代碼中的 react-native 改為最新版本
"dependencies": {
"react": "^0.14.8",
"react-native": "^0.33.0"
}
3. 命令行執(zhí)行
npm install --save react-native@0.33.0
如果升級后出現(xiàn)類似于
react-native@0.33.0 requires a peer of react@~15.3.1 but none was installed.
執(zhí)行
npm install --save react@~15.3.1
4. 運(yùn)行程序
如果更新后執(zhí)行react-native run-android不能正確運(yùn)行,而是出現(xiàn)類似:
Could not find com.facebook.react:react-native:0.23.0.
錯(cuò)誤,或者在Android Studio中直接運(yùn)行app時(shí)報(bào)錯(cuò):
Android Studio failed to resolve com.facebook.react:react-native:0.23.0
那么可以按照下列命令修復(fù),首先在命令行中執(zhí)行:
npm i
執(zhí)行完畢且不報(bào)錯(cuò)后,執(zhí)行下面的命令,注意,在執(zhí)行命令之后,某些文件可能會產(chǎn)生沖突,請確保你的本地文件記錄可以恢復(fù)(在Android Studio中可以查看歷史記錄來恢復(fù)文件)
react-native upgrade
執(zhí)行上面的命令可能會提示你是否覆蓋文件。在解決沖突之后重新運(yùn)行App即可。
如果還有問題,可以更新一下npm和Node.js再試
- 如何更新npm
npm install -g npm - 如何更新Node.js
npm update node.js