我正在尝试在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的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
尝试将其添加到package.json中
"browserslist": [
"last 2 Chrome versions"
]
这对我有用！
其他回答
如果你正在构建一个应用程序，你只需要@babel/preset-env和@babel/polyfill：
npm i -D @babel/preset-env
npm i @babel/polyfill
（注意：您不需要安装core js和再生器运行时包，因为它们都将由@babel/polyfill安装）
然后在.babelrc中：
{
"presets": [
[
"@babel/preset-env",
{
"useBuiltIns": "entry" // this is the key. use 'usage' for further codesize reduction, but it's still 'experimental'
}
]
]
}
现在设置目标环境。在这里，我们在.browserlistrc文件中执行此操作：
# Browsers that we support
>0.2%
not dead
not ie <= 11
not op_mini all
最后，如果使用useBuiltIns:“entry”，请将import@babel/polyfill放在条目文件的顶部。否则，你就完蛋了。
使用此方法将有选择地导入那些polyfills和“再生器运行时”文件（此处未定义修复再生器的运行时问题），前提是任何目标环境/浏览器都需要它们。
需要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
或者，如果您不需要babel polyfill提供的所有模块，您可以在webpack配置中指定babel再生器运行时：
module.exports = {
entry: ['babel-regenerator-runtime', './test.js'],
// ...
};
当将webpack-dev-server与HMR一起使用时，这样做可以大大减少每次构建时必须编译的文件数量。这个模块是作为babel polyfill的一部分安装的，所以如果你已经有了，你就可以了，否则你可以用npm i-D babel再生器运行时单独安装它。
尝试将其添加到package.json中
"browserslist": [
"last 2 Chrome versions"
]
这对我有用！
只需安装：
npm install --save-dev @babel/plugin-transform-runtime
并将其添加到Babel的插件数组中。
