我正在尝试在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插件的情况下使用异步/等待函数时，会导致此错误。截至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'],
};
其他回答
对于希望使用babel polyfill版本7^的用户，请使用webpack ver3^进行此操作。
Npm安装模块Npm i-D@babel/polyfill
然后在入口点的webpack文件中执行以下操作
entry: ['@babel/polyfill', path.resolve(APP_DIR, 'App.js')],
需要babel polyfill（自babel 7.4起已弃用）。您还必须安装它才能使异步/等待工作。
npm i -D babel-core babel-polyfill babel-preset-es2015 babel-preset-stage-0 babel-loader
包.json
"devDependencies": {
"babel-core": "^6.0.20",
"babel-polyfill": "^6.0.16",
"babel-preset-es2015": "^6.0.15",
"babel-preset-stage-0": "^6.0.15"
}
巴氏合金
{
"presets": [ "es2015", "stage-0" ]
}
js与async/await（示例代码）
"use strict";
export default async function foo() {
var s = await bar();
console.log(s);
}
function bar() {
return "bar";
}
在启动文件中
require("babel-core/register");
require("babel-polyfill");
如果您正在使用webpack，则需要将其作为webpack配置文件（通常为webpack.config.js）中条目数组的第一个值，如@Cemen注释所示：
module.exports = {
entry: ['babel-polyfill', './test.js'],
output: {
filename: 'bundle.js'
},
module: {
loaders: [
{ test: /\.jsx?$/, loader: 'babel', }
]
}
};
如果要使用babel运行测试，请使用：
mocha --compilers js:babel-core/register --require babel-polyfill
只需安装：
npm install --save-dev @babel/plugin-transform-runtime
并将其添加到Babel的插件数组中。
或者，如果您不需要babel polyfill提供的所有模块，您可以在webpack配置中指定babel再生器运行时：
module.exports = {
entry: ['babel-regenerator-runtime', './test.js'],
// ...
};
当将webpack-dev-server与HMR一起使用时，这样做可以大大减少每次构建时必须编译的文件数量。这个模块是作为babel polyfill的一部分安装的，所以如果你已经有了，你就可以了，否则你可以用npm i-D babel再生器运行时单独安装它。
小心吊装功能
我的“polyfill导入”和“异步函数”都在同一个文件中，但我使用的是将其提升到polyfill之上的函数语法，这会给我带来ReferenceError:regeneratorRuntime未定义错误。
更改此代码
import "babel-polyfill"
async function myFunc(){ }
到此为止
import "babel-polyfill"
var myFunc = async function(){}
以防止其悬挂在polyfill进口上方。
