reactnative升级到0.60.0,伴随升级系统和xcode10的坑

以下所有bug发生的情景:

从
"react": "?",
 "react-native": "^0.55.4",
升到
"react": "^16.8.6",
 "react-native": "^0.60.0",

error1

error: bundling failed: Error: Multiple configuration files found. Please remove one:
 - package.json
 - /Users/rf/Documents/CommunityManager/.babelrc

babel的配置应该写在.babelrc文件中,不应该写在pakage.json中


配置错误

正确写法如下:
.babelrc文件

{
  "presets": ["react-native"],


  "plugins": [
    [
      "@babel/plugin-proposal-decorators",
      {
        "legacy": true
      }
    ]
  ]
}

error2

error: bundling failed: SyntaxError: /Users/rf/Documents/Project/react/page/xx.js: Support for the experimental syntax 'decorators-legacy' isn't currently enabled (81:2):

解决:
1、npm install @babel/plugin-proposal-decorators
2、如error1正确解法一样配置。


error3

error: bundling failed: TypeError: /Users/rf/Documents/Project/react/index.js: Cannot read property 'bindings' of null

解决:
1、升级 babel-preset-react-native:npm install --save babel-preset-react-native@5
2、清除xcode缓存,重新编译运行。


error4

error: bundling failed: Error: Cannot find module '@babel/preset-env' from '/Users/rf/Documents/Project'

解决:
1、npm install -D babel-loader @babel/core @babel/preset-env webpack
2、清除xcode缓存,重新编译运行。


error5
这3个表象是一个问题

error:  undefined is not an object (evaluating '_react.default.PropTypes.bool'
error:undefined is not an object (“evaluating _react3.default.PropTypes.shape”)
----备注----
shape的话,就是头文件中引入了PropTypes,如下:
import React, { Component, PropTypes } from 'react';
解决:
去掉PropTypes的引入加上:
import PropTypes from 'prop-types';

android:

eactNativeJS: Cannot read property 'bool' of undefined
E/art: ClassLinker::FindClass not found:Landroid/security/NetworkSecurityPolicy;
E/ReactNativeJS: Application CommunityManager has not been registered.
    
    Hint: This error often happens when you're running the packager (local dev server) from a wrong folder. For example you have multiple apps and the packager is still running for the app you were working on before.
    If this is the case, simply kill the old packager instance (e.g. close the packager terminal window) and start the packager in the correct app folder (e.g. cd into app folder and run 'npm start').
    
    This error can also happen due to a require() error during initialization or failure to call AppRegistry.registerComponent.

解决:
日志中清楚地提到了这个错误,这是由于react native view transformer库引起的。
库仍然使用来自react的PropTypes包。因为您的react版本高于v15.5,所以它给出了一个错误。

1、npm install --save prop-types
2、import PropTypes from 'prop-types'; // ES6;替换React.PropTypes

如果项目中的PropTypes都是来自import PropTypes from 'prop-types',那找到下面的文件对应的下面的代码,将React.PropTypes替换成PropTypes,并且引入prop-types。
react-native-view-transformer/library/transform/ViewTransformer.js


ViewTransformer.propTypes = {
  /**
   * Use false to disable transform. Default is true.
   */
  enableTransform: React.PropTypes.bool,

  /**
   * Use false to disable scaling. Default is true.
   */
  enableScale: React.PropTypes.bool,

  /**
   * Use false to disable translateX/translateY. Default is true.
   */
  enableTranslate: React.PropTypes.bool,

  /**
   * Default is 20
   */
  maxOverScrollDistance: React.PropTypes.number,

  maxScale: React.PropTypes.number,
  contentAspectRatio: React.PropTypes.number,

  /**
   * Use true to enable resistance effect on over pulling. Default is false.
   */
  enableResistance: React.PropTypes.bool,

  onViewTransformed: React.PropTypes.func,

  onTransformGestureReleased: React.PropTypes.func,

  onSingleTapConfirmed: React.PropTypes.func
};

error6

error: ListView has been removed from ReactNative.

解决:
List VIew is deprecated in react native 0.60. So the quick fix is to use deprecated-react-native-listview
1、npm install deprecated-react-native-listview --save
2、import ListView from "deprecated-react-native-listview";替换 React中的ListView


error7

error:undefined is not an object ( '_react.BackAndroid.addEventListener')

解决:
从44版本以后RN已经废弃了BackAndroid API,加了新的组件BackHandler,老版本的可以直接把BackAndroid替换成BackHandler就行。
参考链接,我觉得写的很详细


error8

error:unhandled JS Exception: Unexpected token '?' no stack

解决:
这个最后是重启电脑就解决了(找了很多资料没有类似的情况,欢迎留言补充)


error9

error:undefined is not an object Netinfo.isconnected

解决:
1、yarn add @react-native-community/netinfo
2、添加依赖
iOS:pod install
android:

//Modify your android/build.gradle configuration:
buildscript {
  ext {
    buildToolsVersion = "28.0.3"
    minSdkVersion = 16
    compileSdkVersion = 28
    targetSdkVersion = 28
    # Only using Android Support libraries
    supportLibVersion = "28.0.0"
  }

参考链接,我觉得写的很详细


error10
android:

Could not find method enabled() for arguments [[]] on task ':ap...

解决:

//在android/app/build.gradle文件,在下面这一行的位置前面
apply from: "../../node_modules/react-native/react.gradle"
//加上下面这一行
project.ext.react = [ entryFile: "index.android.js" ]

error11
android:

Could not get unknown property 'mergeResourcesProvider' for object of type com.android.build.gradle

解决:

修改/android/build.gradle文件,下面一行的版本号

classpath ‘com.android.tools.build:gradle:3.3.0’

修改/android/gradle/wrapper/grale-wrapper.properties文件,下面一行的版本号 

distributionUrl=https://services.gradle.org/distributions/gradle-4.10.1-all.zip

参考链接


error12
android:

java.lang.RuntimeException: SoLoader.init() not yet called
        at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2560)
        at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2640)
        at android.app.ActivityThread.access$800(ActivityThread.java:182)
        at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1493)
        at android.os.Handler.dispatchMessage(Handler.java:111)
        at android.os.Looper.loop(Looper.java:194)
        at android.app.ActivityThread.main(ActivityThread.java:5682)
        at java.lang.reflect.Method.invoke(Native Method)
        at java.lang.reflect.Method.invoke(Method.java:372)
        at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:963)
        at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:758)
     Caused by: java.lang.RuntimeException: SoLoader.init() not yet called
        at com.facebook.soloader.SoLoader.assertInitialized(SoLoader.java:781)
        at com.facebook.soloader.SoLoader.loadLibrary(SoLoader.java:505)
        at com.facebook.soloader.SoLoader.loadLibrary(SoLoader.java:484)

解决:

添加jsc和Hermes配置
1.在Application的onCreat添加
SoLoader.init(this, false)
2.在build.gradle文件中添加以下配置
def jscFlavor = 'org.webkit:android-jsc:+'
project.ext.react = [
        entryFile: "index.js",
        enableHermes: false,  // clean and rebuild if changing
]
def enableHermes = project.ext.react.get("enableHermes", false)
dependencies {
    if (enableHermes) {
            def hermesPath = "../../node_modules/hermes-engine/android/"
            debugImplementation files(hermesPath + "hermes-debug.aar")
            releaseImplementation files(hermesPath + "hermes-release.aar")
        } else {
            implementation jscFlavor
        }
}
3.Sync now
4.enableHermes = true
5.clean and rebuild

参考链接
备注:

如果node_modules本地库里缺少hermes-engine

终端输入:yarn add --dev hermes-engine@0.1.0 

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容