React Native 在升级到 0.56 版本后崩溃。可能的通天塔问题？答案

【问题标题】：React Native crashes after upgrade to version 0.56. Possible Babel issue?React Native 在升级到 0.56 版本后崩溃。可能的通天塔问题？
【发布时间】：2018-12-13 04:09:47
【问题描述】：

使用 react-native-git-upgrade 升级我的 React Native 项目后，我收到以下错误：

error: bundling failed: TypeError: Cannot read property 'bindings' of null
    at Scope.moveBindingTo (/Users/jan/Startup/react-native/ordersome/node_modules/@babel/traverse/lib/scope/index.js:978:13)
    at BlockScoping.updateScopeInfo (/Users/jan/Startup/react-native/ordersome/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:364:17)
    at BlockScoping.run (/Users/jan/Startup/react-native/ordersome/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:330:12)
    at PluginPass.BlockStatementSwitchStatementProgram (/Users/jan/Startup/react-native/ordersome/node_modules/babel-plugin-transform-es2015-block-scoping/lib/index.js:70:24)
    at newFn (/Users/jan/Startup/react-native/ordersome/node_modules/@babel/traverse/lib/visitors.js:237:21)
    at NodePath._call (/Users/jan/Startup/react-native/ordersome/node_modules/@babel/traverse/lib/path/context.js:65:20)
    at NodePath.call (/Users/jan/Startup/react-native/ordersome/node_modules/@babel/traverse/lib/path/context.js:40:17)
    at NodePath.visit (/Users/jan/Startup/react-native/ordersome/node_modules/@babel/traverse/lib/path/context.js:100:12)
    at TraversalContext.visitQueue (/Users/jan/Startup/react-native/ordersome/node_modules/@babel/traverse/lib/context.js:142:16)

这个问题好像和babel有关。我重新启动了地铁以及我的模拟器，但这并没有改变任何事情。这里还有我安装的所有与 babel (package.json) 有关的包：

"babel-eslint": "^8.2.5",
"babel-jest": "23.2.0",
"babel-preset-react-native": "4.0.0",

这是我的.babelrc：

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

我使用react-native init 生成了项目，当时它还在 0.55。

【问题讨论】：

标签： reactjs react-native upgrade babeljs

【解决方案1】：

尝试更新 package.json 中babel-preset-react-native 的版本，如下所示：

"babel-preset-react-native": "^5".

【讨论】：

我会接受这个作为答案，但我用另一种方式修复了它。我使用react-native init 创建了一个新项目并将我的所有代码复制到那里:(
React-Native 0.56 需要 babel-preset-react-native 5.0.0, github.com/facebook/react-native/issues/20042。
FWIW 在升级 babel-preset-react-native 后错误清除之前我需要重新启动
npm i babel-preset-react-native --save-dev 升级
run yarn add babel-preset-react-native@5.0.0 --dev 如果继续看到yarn尝试安装4.0.0

【解决方案2】：

根据 npmjs.org 上的 babel-preset-react-native 条目，它已过时。 metro-react-native-babel-preset 是替代品。

【讨论】：