我正在尝试在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的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
对于希望使用babel polyfill版本7^的用户，请使用webpack ver3^进行此操作。
Npm安装模块Npm i-D@babel/polyfill
然后在入口点的webpack文件中执行以下操作
entry: ['@babel/polyfill', path.resolve(APP_DIR, 'App.js')],
其他回答
如果使用babel-preset-stage-2，则只需使用--requirebabelpolyfill启动脚本即可。
在我的案例中，这个错误是由Mocha测试引发的。
以下修复了问题
mocha\“server/tests/**/*.test.js\”--编译器js:babel寄存器--需要babel polyfill
小心吊装功能
我的“polyfill导入”和“异步函数”都在同一个文件中，但我使用的是将其提升到polyfill之上的函数语法，这会给我带来ReferenceError:regeneratorRuntime未定义错误。
更改此代码
import "babel-polyfill"
async function myFunc(){ }
到此为止
import "babel-polyfill"
var myFunc = async function(){}
以防止其悬挂在polyfill进口上方。
我使用了来自https://github.com/babel/babel/issues/9849#issuecomment-592668815，并将targets:{esmodules:true，}添加到我的babel.config.js。
module.exports = {
presets: [
[
'@babel/preset-env',
{
targets: {
esmodules: true,
},
},
],
],
}
笔记如果您使用的是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
}]
]
}
根据以下示例更新.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"
}
}
]
]
}
