class 没有被 babel (nextjs / webpack) 编译

Question

问题：

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

我尝试了什么：

实现类似 in this example
错误的页面都使用了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"
  ]
}

我不确定从这里去哪里...我不知道我的 polyfills 是否正常工作 100% 但据我所知，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

来修复它

class 没有被 babel (nextjs / webpack) 编译

class doesn't get compiled by babel (nextjs / webpack)

javascript

reactjs

webpack

babeljs

next.js