我正在尝试在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,
},
},
],
],
}
其他回答
使现代化
如果你将目标设置为Chrome，它就会起作用。但它可能不适用于其他目标，请参阅：https://github.com/babel/babel-preset-env/issues/112
因此，这个答案对于最初的问题来说不太合适。我将把它保存在这里，作为babel预置env的参考。
一个简单的解决方案是在代码开头添加import“babel polyfill”。
如果您使用webpack，快速解决方案是添加babel polyfill，如下所示：
entry: {
index: ['babel-polyfill', './index.js']
}
我相信我找到了最新的最佳实践。
检查此项目：https://github.com/babel/babel-preset-env
yarn add --dev babel-preset-env
将以下内容用作babel配置：
{
"presets": [
["env", {
"targets": {
"browsers": ["last 2 Chrome versions"]
}
}]
]
}
那么你的应用程序应该可以在最近两个版本的Chrome浏览器中使用。
您还可以将节点设置为目标，或根据https://github.com/ai/browserslist
告诉我什么，不要告诉我怎么做。
我真的很喜欢babel preset env的哲学：告诉我你想要支持哪个环境，而不是告诉我如何支持它们。这是声明式编程的优点。
我已经测试了异步等待，它们确实有效。我不知道它们是如何工作的，我真的不想知道。我想把时间花在我自己的代码和业务逻辑上。多亏了babel预置env，它将我从babel配置地狱中解放出来。
您会收到一个错误，因为async/await使用的生成器是ES2016特性，而不是ES2015。解决此问题的一种方法是为ES2016安装babel预设（npm install--save babel-preset-ES2016），并编译为ES2016而不是ES2015：
"presets": [
"es2016",
// etc...
]
正如其他答案所提到的，您也可以使用polyfill（尽管确保在运行任何其他代码之前先加载polyfill）。或者，如果不想包含所有polyfill依赖项，可以使用babel再生器运行时或babel插件转换运行时。
如果您正在使用next js，请从“再生器运行时”添加import regeneratorRuntime；对于引发错误的文件，对我来说，该文件是document.js。
并添加
[
"@babel/plugin-transform-regenerator",
{
"asyncGenerators": false,
"generators": false,
"async": false
}
]
在插件中，位于.babelrc文件内。
我需要支持的目标浏览器已经支持异步/等待，但是在编写mocha测试时，如果没有正确的设置，我仍然会遇到这个错误。
我在谷歌上搜索的大多数文章都过时了，包括这里的公认答案和高投票率答案，即你不需要polyfill、babel再生器运行时、babel插件转换运行时。如果您的目标浏览器已经支持异步/等待（当然，如果您不需要polyfill）
我也不想使用webpack。
泰勒·龙的答案实际上是正确的，因为他建议babel预置env（但我先省略了它，因为他在开头提到了polifill）。我仍然得到了ReferenceError:regeneratorRuntime最初没有定义，然后我意识到这是因为我没有设置目标。为节点设置目标后，我修复了再生器运行时错误：
"scripts": {
//"test": "mocha --compilers js:babel-core/register"
//https://github.com/mochajs/mocha/wiki/compilers-deprecation
"test": "mocha --require babel-core/register"
},
"devDependencies": {
"babel-core": "^6.26.3",
"babel-preset-env": "^1.7.0",
"mocha": "^5.2.0"
},
//better to set it .bablerc, I list it here for brevity and it works too.
"babel": {
"presets": [
["env",{
"targets": {
"node": "current"
"chrome": 66,
"firefox": 60,
},
"debug":true
}]
]
}
我有使用webpack/babel构建的异步等待：
"devDependencies": {
"babel-preset-stage-3": "^6.11.0"
}
babelrc语言：
"presets": ["es2015", "stage-3"]
