react-native-reanimated 和 babel 的编译错误

Question

我想将react-native-reanimated添加到我的项目中，我按照安装指南进行操作，在为 Babel 添加插件时，我在启动应用程序时收到错误消息：

error: index.js: [BABEL] W:\folders\project\index.js: Unknown option: .pre. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.

我使用的是Android device ，因此我启用了 Hermes 并在 MainApplication 中创建了该方法。 我怎么解决这个问题？ 我是否必须在 GitHub 上发布问题？

babel.config.js

module.exports = {
  presets: [
    'module:metro-react-native-babel-preset',
    'react-native-reanimated/plugin',
  ],
};

依赖项

"react": "17.0.1",
"react-native": "0.64.1",
"react-native-gesture-handler": "^1.10.3",
"react-native-reanimated": "2.3.0-beta.1",
"metro-react-native-babel-preset": "^0.64.0",

尝试的解决方案：

• 运行react-native start --reset-cache 。
• 删除 node_modules 并重新安装。
• 更改库版本。

Answer 1

我有同样的问题，然后意识到它应该在plugins中，而不是presets中。 只需将'react-native-reanimated/plugin'移动到插件中：

module.exports = {
  presets: [
    'module:metro-react-native-babel-preset',
-   'react-native-reanimated/plugin',
  ],
+ plugins: [
+   'react-native-reanimated/plugin'
+ ],
}