我正在尝试在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插件的情况下使用异步/等待函数时，会导致此错误。截至2020年3月，以下应该是您需要做的全部工作
在命令行中，键入：
npm install --save-dev @babel/plugin-transform-runtime
在您的babel.config.js文件中，添加这个插件@babel/plugin-transform运行时。注意：下面的示例包括我最近为一个小型React/Node/Express项目所做的其他预设和插件：
module.exports = {
presets: ['@babel/preset-react', '@babel/preset-env'],
plugins: ['@babel/plugin-proposal-class-properties',
'@babel/plugin-transform-runtime'],
};
其他回答
1-安装babel插件，将异步转换为模块方法，babel polyfil，蓝鸟，babel-reset-es2015，babel芯：
npm install babel-plugin-transform-async-to-module-method babel-polyfill bluebird babel-preset-es2015 babel-core
2-添加js babel polyfill：
导入“babel polyfill”；
3-在.babelrc中添加插件：
{
"presets": ["es2015"],
"plugins": [
["transform-async-to-module-method", {
"module": "bluebird",
"method": "coroutine"
}]
]
}
资料来源：http://babeljs.io/docs/plugins/transform-async-to-module-method/
更新：Babel 7的帖子也有更深入的答案。
Babel 7.4.0或更高版本（核心js 2/3）
从Babel 7.4.0开始，@Babel/polyfill已弃用。
通常，有两种方法安装polyfills/reduator：通过全局命名空间（选项1）或作为ponyfill（选项2，无全局污染）。
选项1:@babel/preset-env
presets: [
["@babel/preset-env", {
"useBuiltIns": "usage",
"corejs": 3, // or 2,
"targets": {
"firefox": "64", // or whatever target to choose .
},
}]
]
将根据您的目标自动使用再生器运行时和核心js。无需手动导入任何内容。不要忘记安装运行时依赖项：
npm i --save regenerator-runtime core-js
或者，设置useBuiltIns:“entry”并手动导入：
import "regenerator-runtime/runtime";
import "core-js/stable"; // if polyfills are also needed
选项2:@babel/transform runtime和@babel/runtime
这种替代方案没有全球范围的污染，适用于图书馆。
{
"plugins": [
[
"@babel/plugin-transform-runtime",
{
"regenerator": true,
"corejs": 3 // or 2; if polyfills needed
...
}
]
]
}
npm i -D @babel/plugin-transform-runtime
npm i @babel/runtime
如果使用了corejs polyfill，则将@babel/runtime替换为@babel/runtime-corejs2（对于“corejs”：2）或@babel/runtime-corejs3（对于“corejs”：3）。
我有使用webpack/babel构建的异步等待：
"devDependencies": {
"babel-preset-stage-3": "^6.11.0"
}
babelrc语言：
"presets": ["es2015", "stage-3"]
笔记如果您使用的是babel7，则该包已重命名为@babel/plugin-transform runtime。
除了polyfill，我还使用babel插件转换运行时。插件描述如下：
外部化对助手和内置程序的引用，自动聚合填充代码而不会污染全局。这到底意味着什么？基本上，您可以使用Promise、Set、Symbol等内置功能，也可以无缝使用所有需要polyfill的Babel功能，而不会造成全局污染，因此非常适合于库。
它还支持异步/等待以及ES6的其他内置功能。
$ npm install --save-dev babel-plugin-transform-runtime
在.babelrc中，添加运行时插件
{
"plugins": [
["transform-runtime", {
"regenerator": true
}]
]
}
截至2019年10月，这对我有效：
将其添加到预设中。
"presets": [
"@babel/preset-env"
]
然后使用npm安装再生器运行时。
npm i regenerator-runtime
然后在主文件中使用：（此导入仅使用一次）
import "regenerator-runtime/runtime";
这将使您能够在文件中使用异步等待并删除再生器错误
