未定义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

其他回答

如果您正在使用next js，请从“再生器运行时”添加import regeneratorRuntime；对于引发错误的文件，对我来说，该文件是document.js。

并添加

[
  "@babel/plugin-transform-regenerator",
  {
    "asyncGenerators": false,
    "generators": false,
    "async": false
  }
]

在插件中，位于.babelrc文件内。

我在尝试运行Mocha+Babel时遇到了这个问题。我有一个.babelrc在开发中运行（请参阅这里的其他答案，它们很完整），但我的npm运行测试命令仍然在抱怨regeneratorRuntime没有定义。所以我修改了package.json：

"scripts": {
  "test": "mocha --require babel-polyfill --require babel-core/register tests/*.js"
}

阅读更多信息：https://babeljs.io/en/setup/#mocha-4

小心吊装功能

我的“polyfill导入”和“异步函数”都在同一个文件中，但我使用的是将其提升到polyfill之上的函数语法，这会给我带来ReferenceError:regeneratorRuntime未定义错误。

更改此代码

import "babel-polyfill"
async function myFunc(){ }

到此为止

import "babel-polyfill"
var myFunc = async function(){}

以防止其悬挂在polyfill进口上方。

我在Chrome中遇到了这个问题。与RieneVaPlu的回答类似，这为我解决了问题：

npm install --save-dev regenerator-runtime

然后在我的代码中：

import 'regenerator-runtime/runtime';

很高兴避免babel polyfill额外的200 kB。

导入'babel polyfill'

其中使用异步等待

推荐文章