从 Babel 迁移到 Nextjs SWC 遇到 Minified React 错误

Question

当我删除当前的 .babelrc 以强制 NextJS 13 使用 SWC 时。它显示错误：错误：缩小反应错误#130。但是当我再次添加 .babelrc 文件时，一切正常

.babelrc 文件

{
  "presets": ["next/babel"],
  "plugins": [
    ["babel-plugin-styled-components", { "ssr": true, "displayName": true, "preprocess": false }],
    "inline-react-svg"
  ]
}

我怀疑发生这种情况是因为库样式组件，但不知道如何修复。有谁遇到过这种情况吗

Answer 1

我找到原因了，就是

inline-react-svg

导致了这个问题。删除 .babelrc 文件并将此配置添加到 webpack 中

next.config.js

，它将起作用

webpack: (config, options) => {
      config.module.rules.push({
      test: /\.svg$/,
      use: [
        options.defaultLoaders.babel,
        {
          loader: "@svgr/webpack",
          options: { babel: false },
        },
      ],
    });

    return config;
  },

谢谢你！