我正在尝试在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插件转换运行时。
其他回答
笔记如果您使用的是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
}]
]
}
小心吊装功能
我的“polyfill导入”和“异步函数”都在同一个文件中，但我使用的是将其提升到polyfill之上的函数语法，这会给我带来ReferenceError:regeneratorRuntime未定义错误。
更改此代码
import "babel-polyfill"
async function myFunc(){ }
到此为止
import "babel-polyfill"
var myFunc = async function(){}
以防止其悬挂在polyfill进口上方。
或者，如果您不需要babel polyfill提供的所有模块，您可以在webpack配置中指定babel再生器运行时：
module.exports = {
entry: ['babel-regenerator-runtime', './test.js'],
// ...
};
当将webpack-dev-server与HMR一起使用时，这样做可以大大减少每次构建时必须编译的文件数量。这个模块是作为babel polyfill的一部分安装的，所以如果你已经有了，你就可以了，否则你可以用npm i-D babel再生器运行时单独安装它。
我正在使用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'));
...
我有一个设置使用预设的webpack：['es2015'，'stage-0']以及运行webpack编译的测试的mocha。
为了使测试中的异步/等待工作，我只需要使用mocha和--require-babel polyfill选项：
mocha --require babel-polyfill
