Reactjs @next.config.js中的babel/preset react未使用babel loader加载

我的网页包没有正确传输我的jsx（可能还有样式化的组件），所以我认为babel没有正确运行！我不确定是样式化的组件不起作用，还是直接的反应

---

我得到的是SyntaxError:Unexpected token'，而不是手动将其他Babel规则添加到Web包配置中（顺便说一句，除了已经存在的规则之外，您还将这两个规则添加到服务器和客户端），而只是创建一个自定义的

Babel.config.js

。接下来将在运行和构建期间将此自定义配置附加到网页包规则中。请看一些自定义Babel配置的官方示例，例如：我投票结束此问题，因为我不需要答案

module.exports = withImages({
  publicRuntimeConfig: {
    ...config,
  },
  webpack: (config, { isServer }) => {
    config.plugins.push(
      new CopyWebpackPlugin([
        {
          from: path.join(
            __dirname,
            process.env.ENV !== 'production'
              ? 'favicons/staging/favicon.ico'
              : 'favicons/production/favicon.ico',
          ),
          to: path.join(__dirname, 'public/favicon.ico'),
        },
        {
          from: path.join(
            __dirname,
            process.env.ENV !== 'production'
              ? 'favicons/staging/favicon'
              : 'favicons/production/favicon',
          ),
          to: path.join(__dirname, 'public/favicon/'),
        },
      ]),
    )

    config.module.rules.push({
      test: /\.js$/,
      use: [
        {
          loader: 'babel-loader',
          options: {
            presets: ['next/babel', '@babel/preset-env', '@babel/preset-react'],
            plugins: [
              'babel-plugin-styled-components',
              "@babel/plugin-proposal-export-default-from",
              "@babel/plugin-proposal-export-namespace-from",
              [
                "babel-plugin-root-import",
                {
                  "paths": [
                    {
                      "rootPathPrefix": "~",
                      "rootPathSuffix": ""
                    }
                  ]
                }
              ],
              ["@babel/plugin-proposal-decorators", { "legacy": true }],
              ["@babel/plugin-proposal-class-properties", { "loose": true }]
            ],
          },
        },
      ],
    })

    return config
  },
})