如何将 @babel/preset-react 添加到 babel.config.js 的预设部分

Question

我收到此错误“React - 将 @babel/preset-react ( https://git.io/JfeDR ) 添加到 Babel 配置的 'presets' 部分以启用转换”

这是我的 babel.config.js 中的预设部分：

    presets: [
  isTestEnv && [
    '@babel/preset-env',
    {
      targets: {
        node: 'current'
      }
    }
  ],
  (isProductionEnv || isDevelopmentEnv) && [
    '@babel/preset-env',
    {
      forceAllTransforms: true,
      useBuiltIns: 'entry',
      corejs: 3,
      modules: false,
      exclude: ['transform-typeof-symbol']
    }
  ]
].filter(Boolean),

Answer 1

尝试：

],
  (isProductionEnv || isDevelopmentEnv) && [
    '@babel/preset-env',
    {
      forceAllTransforms: true,
      useBuiltIns: 'usage',
      corejs: '3',
      modules: false,
      exclude: ['transform-typeof-symbol']
    }
  ],
  [
    '@babel/preset-react',
    {
      development: isDevelopmentEnv || isTestEnv,
      useBuiltIns: true
    }
  ]
].filter(Boolean)

如果我没记错的话， bundle exec rails webpacker:install:react会将该位添加到babel.config.js

这里有一些有用的信息帮助我正确设置 webpacker： https://github.com/rails/webpacker/blob/v4.3.0/docs/webpack.md