当使用转换异步到生成器插件时，没有定义Babel-再生器运行时

Question

我无法正确设置babel以使用async/Wait。

我正在使用巴别塔7和网页4。

如果可能的话，我不想使用babel polyfill！

我的Babelrc文件：

{
    "presets": [[
        "@babel/env",
        {"modules": false}
    ]],
    "plugins": [
      "syntax-dynamic-import",
      "transform-async-to-generator"
    ]
}

代码：

async function init() {
  const loaderData = await initLoader();
  initCmp(loaderData)
    .then(initApi(loaderData.key))
    .catch();
}
init();

和错误：

refactor.main.js:18 Uncaught ReferenceError: regeneratorRuntime is not defined
    at eval (refactor.main.js:18)
    at eval (refactor.main.js:47)
    at Object../client/refactor.main.js (cmp.bundle.js:312)
    at __webpack_require__ (cmp.bundle.js:62)
    at eval (main.js:6)
    at Object../client/main.js (cmp.bundle.js:300)
    at __webpack_require__ (cmp.bundle.js:62)
    at cmp.bundle.js:179
    at cmp.bundle.js:182

Answer 1

您还需要transformruntime插件，因此.babelrc应该准备好：

{
    "presets": [[
        "@babel/env",
        {"modules": false}
    ]],
    "plugins": [
      "syntax-dynamic-import",
      "transform-runtime",
      "transform-async-to-generator"
    ]
}

注意，您还需要npm安装--save dev transform runtime

Answer 2

这里的最新文档非常清楚：https://babeljs.io/docs/en/next/babel-plugin-transform-runtime

我的工作是为构建和运行时安装两个包（浏览器的最终脚本）：

npm安装--save dev@babel/plugin transform runtime

npm安装--保存@Babel/runtime

在我的网页配置的插件数组中，我刚刚添加了“@babel/plugin transform runtime”，没有任何选项。（还请查看上面链接的文档，因为某些选项（您可能会在旧教程或答案中找到）已被删除。）

plugins: [
'@babel/plugin-transform-runtime'
]

我现在可以使用异步函数而不会出现错误，并且在生产构建中没有添加太多代码。