我正在尝试在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"]
其他回答
我通过安装babel polyfill修复了这个错误
npm install babel-polyfill --save
然后我将其导入应用程序入口点
import http from 'http';
import config from 'dotenv';
import 'babel-polyfill';
import { register } from 'babel-core';
import app from '../app';
对于我包含的测试，需要在测试脚本中使用babel polyfill
"test": "export NODE_ENV=test|| SET NODE_ENV=test&& mocha --compilers
js:babel-core/register --require babel-polyfill server/test/**.js --exit"
我有使用webpack/babel构建的异步等待：
"devDependencies": {
"babel-preset-stage-3": "^6.11.0"
}
babelrc语言：
"presets": ["es2015", "stage-3"]
我使用了来自https://github.com/babel/babel/issues/9849#issuecomment-592668815，并将targets:{esmodules:true，}添加到我的babel.config.js。
module.exports = {
presets: [
[
'@babel/preset-env',
{
targets: {
esmodules: true,
},
},
],
],
}
在一个使用babel.buildExternalHelpers（）和babel插件外部帮助程序创建自定义babelHelpers.js文件的场景中，我认为对客户端来说成本最低的解决方案是将再生器runtime/runtime.js添加到输出中，而不是添加所有polyfill。
// runtime.js
npm install --save regenerator-runtime
// building the custom babelHelper.js
fs.writeFile(
'./babelHelpers.js',
fs.readFileSync('node_modules/regenerator-runtime/runtime.js')
+ '\n'
+ require('babel-core').buildExternalHelpers()
)
当包含babel polyfill时，此解决方案减少到约20KB，而不是约230KB。
根据以下示例更新.babelrc文件，它将起作用。
如果您使用的是@babel/preset-env包
{
"presets": [
[
"@babel/preset-env", {
"targets": {
"node": "current"
}
}
]
]
}
or if you are using babel-preset-env package
{
"presets": [
[
"env", {
"targets": {
"node": "current"
}
}
]
]
}
