javascript - 无法使用 Babel 7 转换 Async/Await 浏览器

Question

我正在尝试转译 async/await 语句以在浏览器中使用(早至 IE11)。我正在使用 Rollup 和 Babel 7，但当我实际运行代码时，Chrome 中不断出现错误。我觉得这与插件和/或其配置有关，但已经陷入停滞。

这是我的 .babelrc 文件:

{
  "presets": [
    "@babel/preset-env"
  ],
  "plugins": [
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-transform-async-to-generator",
    "@babel/plugin-transform-runtime"
  ]
}

这里是我安装的软件包:

  "devDependencies": {
    "@babel/core": "^7.1.6",
    "@babel/plugin-proposal-class-properties": "^7.1.0",
    "@babel/plugin-transform-async-to-generator": "^7.1.0",
    "@babel/plugin-transform-runtime": "^7.1.0",
    "@babel/preset-env": "^7.1.6",
    "babel-jest": "^21.2.0",
    "concurrently": "^3.5.1",
    "express": "^4.16.2",
    "jest-cli": "^21.2.1",
    "prettier": "^1.15.3",
    "rollup": "^0.67.3",
    "rollup-plugin-babel": "^4.0.3",
    "rollup-plugin-uglify": "^3.0.0"
  },
  "dependencies": {
    "@babel/runtime": "^7.1.5"
  }

在浏览器中，我不断收到此错误:

未捕获类型错误:无法读取未定义的属性“标记”

...它被追溯到我的代码中的一行，如下所示:

_regeneratorRuntime.mark(function _callee2() {

我不认为我需要导入 Babel polyfill 之类的东西，因为我读过有关如何实现所有内容的内容，但我可能是错的。任何方向将不胜感激。

Answer 1

来自这个答案https://stackoverflow.com/a/36821986/9816567 ，建议您在transform-runtime插件上使用此配置

{
  "plugins": [
    ["transform-runtime", {
      "polyfill": false,
      "regenerator": true
    }]
  ]
}