react native svg 错误 child.isClassAccessorProperty 不是将 react native 从 68.1 升级到 70.6 的函数答案

【问题标题】：react native svg error child.isClassAccessorProperty is not a function on upgrading react native from 68.1 to 70.6react native svg 错误 child.isClassAccessorProperty 不是将 react native 从 68.1 升级到 70.6 的函数
【发布时间】：2023-02-17 23:09:50
【问题描述】：

提前致谢

当我尝试将 React Native 从 68.1 升级到 70.6 时收到以下错误。我在android中试过这个。

我运行了 react-native run-android 并且一切顺利。运行应用程序后，metro bundler 开始加载 99%，并在红屏中显示此错误

error: node_modules/react-native-svg/src/elements/Shape.tsx: /Users/jarenk/Documents/myApp/node_modules/react-native-svg/src/elements/Shape.tsx: child.isClassAccessorProperty is not a function

谁能帮我解决这个问题。

我正在使用 React Native SVG，它的版本很旧。我也将其更新为最新版本。 (13.6.0) 但仍然出现相同的错误。

详细错误（如果我采用构建）

./gradlew assembleRelease

我收到以下错误

error node_modules/react-native-svg/src/elements/Shape.tsx: /Users/jarenk/Documents/myApp/node_modules/react-native-svg/src/elements/Shape.tsx: child.isClassAccessorProperty is not a function.
TypeError: /Users/jarenk/Documents/myApp/node_modules/react-native-svg/src/elements/Shape.tsx: child.isClassAccessorProperty is not a function
    at /Users/jarenk/Documents/myApp/node_modules/@babel/plugin-transform-typescript/lib/index.js:361:89
    at Array.forEach (<anonymous>)
    at PluginPass.Class (/Users/jarenk/Documents/myApp/node_modules/@babel/plugin-transform-typescript/lib/index.js:353:31)
    at newFn (/Users/jarenk/Documents/myApp/node_modules/@babel/traverse/lib/visitors.js:171:21)
    at NodePath._call (/Users/jarenk/Documents/myApp/node_modules/@babel/traverse/lib/path/context.js:53:20)
    at NodePath.call (/Users/jarenk/Documents/myApp/node_modules/@babel/traverse/lib/path/context.js:40:17)
    at NodePath.visit (/Users/jarenk/Documents/myApp/node_modules/@babel/traverse/lib/path/context.js:90:31)
    at TraversalContext.visitQueue (/Users/jarenk/Documents/myApp/node_modules/@babel/traverse/lib/context.js:110:16)
    at TraversalContext.visitQueue (/Users/jarenk/Documents/myApp/node_modules/@babel/traverse/lib/context.js:116:21)
info Run CLI with --verbose flag for more details.

再次感谢您。

【问题讨论】：

标签： android react-native react-native-svg

【解决方案1】：

更新package.json 文件帮助我解决了这个问题。

只需降级下面的 babel 版本

还要确保以下相同版本在package-lock.json 文件中

"@babel/core": "7.12.9",
"@babel/runtime": "7.12.5"

【讨论】：

【解决方案2】：

要解决此问题，您需要删除“node_modules”文件夹并运行 “yarn install”或 “npm install”命令。很可能是您切换到具有更高版本 Babel 的 Git 分支，这就是导致问题的原因。

【讨论】：