我正在尝试在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的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
您会收到一个错误，因为async/await使用的生成器是ES2016特性，而不是ES2015。解决此问题的一种方法是为ES2016安装babel预设（npm install--save babel-preset-ES2016），并编译为ES2016而不是ES2015：
"presets": [
"es2016",
// etc...
]
正如其他答案所提到的，您也可以使用polyfill（尽管确保在运行任何其他代码之前先加载polyfill）。或者，如果不想包含所有polyfill依赖项，可以使用babel再生器运行时或babel插件转换运行时。
其他回答
我在Chrome中遇到了这个问题。与RieneVaPlu的回答类似，这为我解决了问题：
npm install --save-dev regenerator-runtime
然后在我的代码中：
import 'regenerator-runtime/runtime';
很高兴避免babel polyfill额外的200 kB。
我在尝试运行Mocha+Babel时遇到了这个问题。我有一个.babelrc在开发中运行（请参阅这里的其他答案，它们很完整），但我的npm运行测试命令仍然在抱怨regeneratorRuntime没有定义。所以我修改了package.json：
"scripts": {
"test": "mocha --require babel-polyfill --require babel-core/register tests/*.js"
}
阅读更多信息：https://babeljs.io/en/setup/#mocha-4
这些答案中的大多数都推荐了使用WebPack处理此错误的解决方案。但如果有人在使用RollUp（就像我一样），以下是最终对我有效的方法（只需一个提示，将这个polyfill广告捆绑在一起，总输出大小约为10k）：
巴氏合金
{
"presets": [
[
"env",
{
"modules": false,
"targets": {
"browsers": ["last 2 versions"]
}
}
]
],
"plugins": ["external-helpers",
[
"transform-runtime",
{
"polyfill": false,
"regenerator": true
}
]]
}
汇总配置.js
import resolve from 'rollup-plugin-node-resolve';
import babel from 'rollup-plugin-babel';
import uglify from 'rollup-plugin-uglify';
import commonjs from 'rollup-plugin-commonjs';
export default {
input: 'src/entry.js',
output: {
file: 'dist/bundle.js',
format: 'umd',
name: 'MyCoolLib',
exports: 'named'
},
sourcemap: true,
plugins: [
commonjs({
// polyfill async/await
'node_modules/babel-runtime/helpers/asyncToGenerator.js': ['default']
}),
resolve(),
babel({
runtimeHelpers: true,
exclude: 'node_modules/**', // only transpile our source code
}),
uglify()
]
};
我正在使用React和Django项目，并通过使用再生器运行时使其工作。你应该这样做，因为@babel/polyfill会增加你的应用程序的大小，而且也被弃用。我还遵循本教程的第1集和第2集创建了我的项目结构。
*包.json*
...
"devDependencies": {
"regenerator-runtime": "^0.13.3",
...
}
巴氏合金
{
"presets": ["@babel/preset-env", "@babel/preset-react"],
"plugins": ["transform-class-properties"]
}
索引js
...
import regeneratorRuntime from "regenerator-runtime";
import "regenerator-runtime/runtime";
ReactDOM.render(<App />, document.getElementById('app'));
...
我有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”]
