如何更新React Native

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

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

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