簡體   English   中英

將 react-native 升級到 0.60、將組件復制到新項目或更改 package.json 上的版本的最佳方法?

[英]Best way to upgrade react-native to 0.60, copy components into a new project or change version on package.json?

目前還不是真正的問題,我有一個在 react-native 中運行的項目,我想在不久的將來升級

最好(最快)的方法是創建一個新應用程序並傳輸您的源文件和依賴項。

啟動一個新的應用程序也可以解決很多取消鏈接的問題

  1. 使用react-native init命令創建新應用

  2. 復制舊項目中的所有包

注意:: 請不要在運行命令 react-native run-ios 和 pod install 時忽略 react-native unlink,自動鏈接在 0.60 中也可以工作,但仍然可能會有比需要在 info.plist 和 appdelegate.m 中完成的更改和在 Xcode 中也是

  1. yarn add @react-native-community/async-storage @react-native-community/datetimepicker @react-native-community/netinfo axios lodash moment react react-native react-native-animatable react-native-device-info react-native-dialog react-native-document-picker react-native-dropdown react-native-elements react-native-fast-image react-native-fbsdk react-native-firebase react-native-geocoder react-native-gesture-handler react-native-google-places-autocomplete react-native-google-signin react-native-image-crop-picker react-native-image-picker react-native-image-zoom-viewer react-native-maps-directions react-native-material-dropdown react-native-modal-wrapper react-native-progress react-native-searchable-dropdown react-native-simple-toast react-native-snap-carousel react-native-swipe-list-view react-native-swipeable-flat-list react-navigation react-redux redux redux-logger redux-persist redux-saga redux-thunk

  2. react-native run-android

  3. 請參閱出了什么問題,然后從 package.json 和yarn install刪除該特定包重復直到並且除非 app:installDebug 被調用

  4. 即使應用程序是 fbsdk 的安裝問題,並且可以使用 stackoverflow 幫助解決更多問題

  5. 在將那些有問題的包安裝到項目之前,通過驗證這些包是否真的在舊項目中使用或注釋掉,確保這些包值得安裝 // "react-native-maps": "^0.26.1", // " react-native-vector-icons": "^6.6.0", // "rn-fetch-blob": "^0.12.0"

  6. 為 IOS 配置此應用程序 注意:Andriod 問題很難解決。 直到現在我還沒有弄清楚,當我為你找到一個時我會更新。 對不起!!! :-p

  7. 將舊項目的剩余文件帶到新項目並替換 App.js

  8. 構建您的項目react-native run-ios使用react-native start並找到所需的包並安裝它們並使用yarn add和 vscode 更改一些代碼

  9. 可能會發生一些變化,如異步存儲、react-navigation-tabs、react-navigation-stack 等 react-native-safe-area-context react-native-screens react-native-reanimated @react-native-community/masked-看法

  10. 您的應用程序可能會成功運行,但可能會出現一些用戶界面和字體問題,您需要解決或關閉它

我將努力在 android 上解決問題,如果您找到了請與我分享

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM