我正在尝试在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的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
我使用了来自https://github.com/babel/babel/issues/9849#issuecomment-592668815，并将targets:{esmodules:true，}添加到我的babel.config.js。
module.exports = {
presets: [
[
'@babel/preset-env',
{
targets: {
esmodules: true,
},
},
],
],
}
其他回答
我有一个设置使用预设的webpack：['es2015'，'stage-0']以及运行webpack编译的测试的mocha。
为了使测试中的异步/等待工作，我只需要使用mocha和--require-babel polyfill选项：
mocha --require babel-polyfill
只需安装再生器运行时具有以下命令
npm i regenerator-runtime
在需要服务器文件之前，在启动文件中添加以下行
require("regenerator-runtime/runtime");
到目前为止，这对我很有效
如果你正在构建一个应用程序，你只需要@babel/preset-env和@babel/polyfill：
npm i -D @babel/preset-env
npm i @babel/polyfill
（注意：您不需要安装core js和再生器运行时包，因为它们都将由@babel/polyfill安装）
然后在.babelrc中：
{
"presets": [
[
"@babel/preset-env",
{
"useBuiltIns": "entry" // this is the key. use 'usage' for further codesize reduction, but it's still 'experimental'
}
]
]
}
现在设置目标环境。在这里，我们在.browserlistrc文件中执行此操作：
# Browsers that we support
>0.2%
not dead
not ie <= 11
not op_mini all
最后，如果使用useBuiltIns:“entry”，请将import@babel/polyfill放在条目文件的顶部。否则，你就完蛋了。
使用此方法将有选择地导入那些polyfills和“再生器运行时”文件（此处未定义修复再生器的运行时问题），前提是任何目标环境/浏览器都需要它们。
更新：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）。
当在没有正确的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'],
};
