node_modules/react-native/index.js 中的 React Native SyntaxError：意外的标记，Android 构建上应为“{”(13:7)

Question

我已经初始化了一个react-native-project并将其转换为使用TypeScript。我还设置了项目以编译为 web、android 和 ios。安装 Webpack 以启动网页版本。我在 Web 和 iOS 上一切正常，但是当我运行 YARN Android 并构建为 Android 时，我在 Metro 窗口和 Android 模拟器中收到语法错误，该错误来自 node_modules 下的 React-Native 项目内的 Index.js 文件。

这仅发生在 Android 上。我已经安装了许多 babel 插件和预设，所以我不确定为什么这个 index.js 文件不适用于 Android，但可以在 iOS 上正常工作。任何帮助都会很棒。我已将该项目上传到公共存储库中。

我在 github 存储库中提供了入门项目，因此您可以下载我的确切设置。 https://github.com/hybridmindset/liveapp

我正在 Mac OS 版本 Catalina 10.15.4 Node v14.0.0 上运行

Metro 服务器窗口出现错误

Android 模拟器窗口出现错误

Answer 1

这可能会有所帮助。这是我的 .babelrc: { "presets": [ "@babel/preset-env", "@babel/preset-react", "@babel/preset-flow" ] }

https://github.com/babel/babel/issues/9351