Babel无法编译该类(nextjs / webpack)

时间:2019-06-03 12:11:49

标签: javascript reactjs webpack babeljs next.js

问题:

我的网站使用下一个js。在2页上,由于script1002: syntax error,我在IE中得到了class i{constructor(e)...

我尝试过的:

  • 实现类似in this example的polyfill
  • 出现错误的页面都使用axios,但是当我切换到提取时,错误仍然存​​在
  • 将此添加到.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的来源,并且不确定如何找到它所属的软件包。

1 个答案:

答案 0 :(得分: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

来修复它