您似乎正在使用本机 ECMAScript 模块配置文件，Babel 异步 React Native

Question

我正在开发一个 React Native Expo 项目，并尝试使用 Babel 来转译我的代码。但是，当我运行 expo start 命令时，我收到以下错误消息：

您似乎正在使用本机 ECMAScript 模块配置文件，该文件仅在异步运行 Babel 时受支持。

我正在运行 Node.js 版本 16.19.1 和 React Native Expo。

导致此错误的原因是什么，如何修复它？

我尝试更新我的 babel.config.js 文件以包含“env”和“react-native”预设，但错误仍然存在。这是我当前的 babel.config.js 文件：

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

Answer 1

您可以尝试将目标节点版本设置为当前版本吗？还建议将

babel.config.js

重命名为

babel.config.cjs

或

babel.config.json

。 这是参考链接

module.exports = { 
  presets: [
    'module:metro-react-native-babel-preset',
    {
      targets: {
        node: 'current'
      }
    },
    '@babel/preset-env', 
    {
      targets: {
        node: 'current'
      }
    },
    '@babel/preset-react-native',
    {
      targets: {
        node: 'current'
      }
    }
  ]
};