我正在尝试在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的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
我有使用webpack/babel构建的异步等待：
"devDependencies": {
"babel-preset-stage-3": "^6.11.0"
}
babelrc语言：
"presets": ["es2015", "stage-3"]
其他回答
我有regeneratorRuntime未定义错误当我在react应用程序中使用“异步”和“等待”时“async”和“await”是ES7中的新关键字为此，您应该使用babel-preset-es2017安装此devDependencies：
`
“babel-preset-es2017”：“^6.24.1”，“babel预设反应”：“^6.24.1”，“babel-preset-stage-0”：“^6.24.1”`
并使用此
“预设”：[“es2017”，“stage-0”，“react”]
您会收到一个错误，因为async/await使用的生成器是ES2016特性，而不是ES2015。解决此问题的一种方法是为ES2016安装babel预设（npm install--save babel-preset-ES2016），并编译为ES2016而不是ES2015：
"presets": [
"es2016",
// etc...
]
正如其他答案所提到的，您也可以使用polyfill（尽管确保在运行任何其他代码之前先加载polyfill）。或者，如果不想包含所有polyfill依赖项，可以使用babel再生器运行时或babel插件转换运行时。
笔记如果您使用的是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
}]
]
}
Babel 7用户
我很难绕过这个问题，因为大多数信息都是以前的babel版本。对于Babel 7，安装以下两个依赖项：
npm install --save @babel/runtime
npm install --save-dev @babel/plugin-transform-runtime
在.babelrc中，添加：
{
"presets": ["@babel/preset-env"],
"plugins": [
["@babel/transform-runtime"]
]
}
更新：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）。
