类不会被 babel 编译 (nextjs / webpack)

Question

问题：

我的网站使用 next js。在 2 页上，由于class i{constructor(e)...，我在 IE 中script1002: syntax error.

我尝试过：

• 实现多填充代码，如本例所示
• 有错误的页面都使用了 axios，但当我切换到 fetch 时错误仍然存在
• 将此添加到.babelrc：

{
  "presets": [
    [
      "next/babel",
      {
        "preset-env": {
          "targets": {
            "browsers": ["> 1%", "last 2 versions", "IE >= 11"]
          },
          "useBuiltIns": "entry"
        }
      }
    ]
  ],
  "plugins": [
    "lodash",
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-transform-classes"
  ]
}

我不知道从这里去哪里...我不知道 100% 我的 polyfill 是否正常工作，但据我所知，babel 应该默认转译类。我也无法在我的代码中找到该class的来源，并且不确定如何找到它属于哪个包。

Answer 1

添加

 config.module.rules.push({
      test: /.js$/,
      include: /node_modules/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env'],
          plugins: ['@babel/plugin-syntax-dynamic-import']
        }
      }
    });

进入我的next.config.js通过强制它也转译所有node_modules来修复它