未定义Babel 6再生器运行时

我正在尝试在Babel 6上从头开始使用async/await，但我得到的是regeneratorRuntime没有定义。

.babelrc文件

{
    "presets": [ "es2015", "stage-0" ]
}

package.json文件

"devDependencies": {
    "babel-core": "^6.0.20",
    "babel-preset-es2015": "^6.0.15",
    "babel-preset-stage-0": "^6.0.15"
}

.js文件

"use strict";
async function foo() {
  await bar();
}
function bar() { }
exports.default = foo;

在没有async/await的情况下正常使用它，效果很好。知道我做错了什么吗？

当前回答

如果使用babel-preset-stage-2，则只需使用--requirebabelpolyfill启动脚本即可。

在我的案例中，这个错误是由Mocha测试引发的。

以下修复了问题

mocha\“server/tests/**/*.test.js\”--编译器js:babel寄存器--需要babel polyfill

其他回答

或者，如果您不需要babel polyfill提供的所有模块，您可以在webpack配置中指定babel再生器运行时：

module.exports = {
  entry: ['babel-regenerator-runtime', './test.js'],

  // ...
};

当将webpack-dev-server与HMR一起使用时，这样做可以大大减少每次构建时必须编译的文件数量。这个模块是作为babel polyfill的一部分安装的，所以如果你已经有了，你就可以了，否则你可以用npm i-D babel再生器运行时单独安装它。

我有一个设置使用预设的webpack：['es2015'，'stage-0']以及运行webpack编译的测试的mocha。

为了使测试中的异步/等待工作，我只需要使用mocha和--require-babel polyfill选项：

mocha --require babel-polyfill

在控制台中修复此“regeneratorRuntime未定义问题”的最简单方法：

你不必安装任何不必要的插件。只需添加：

在你的index.html中。现在，一旦您运行babel，就应该定义regeneratorRuntime，现在您的异步/等待函数应该成功编译到ES2015中

尝试将其添加到package.json中

"browserslist": [
  "last 2 Chrome versions"
]

这对我有用！

只需安装：

npm install --save-dev @babel/plugin-transform-runtime

并将其添加到Babel的插件数组中。

推荐文章