我正在尝试在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的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
我需要支持的目标浏览器已经支持异步/等待，但是在编写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"]
此解决方案已过时。
我在这个视频的youtube评论中找到了解决方案https://www.youtube.com/watch?v=iWUR04B42Hc&lc=Ugyq8UJq-OyOzsKIIrB4AaABAg公司
这应该指向正确的注释。“贝丝w”找到了解决方案。
Beth W 3个月前（编辑）我在2019年不得不做的另一个改变是，babel显然不再使用v7之前的阶段0预设，所以在26:15时，我不得不做的不是“npm install--save dev babel polyfill babel-preset-stage-0”，而是：npm安装--保存@babel/polyfill这包括两个旧选项。然后，在应用程序的入口点中，我>包含了“@babel/polyfill”，并在查询预设中保持原样。因此，webpack配置最终看起来像：
const path = require('path');
module.exports = {
entry: {
app: ['@babel/polyfill', './src/app.js']
},
output: {
path: path.resolve(__dirname, 'build'),
filename: 'app.bundle.js'
},
mode: 'development',
module: {
rules: [{
test: /\.js?$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['@babel/preset-env']
}
}]
}
}
希望这对某人有所帮助！
只需安装：
npm install --save-dev @babel/plugin-transform-runtime
并将其添加到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
}]
]
}
我有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”]
