我正在尝试在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的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
我使用了来自https://github.com/babel/babel/issues/9849#issuecomment-592668815，并将targets:{esmodules:true，}添加到我的babel.config.js。
module.exports = {
presets: [
[
'@babel/preset-env',
{
targets: {
esmodules: true,
},
},
],
],
}
其他回答
我在将项目转换为typescript项目后开始出现此错误。据我所知，问题源于异步/等待未被识别。
对我来说，通过在我的设置中添加两项内容，错误得到了修复：
正如上面多次提到的，我需要将babel polyfill添加到我的webpack条目数组中：...条目：['abel-polyfill'，'./index.js']，...我需要更新我的.babelrc，以允许将异步/等待编译为生成器：{“预设”：[“es2015”]，“插件”：[“将异步转换为生成器”]}
开发依赖项：
我还必须在package.json文件中的devDependencies中安装一些东西。也就是说，我错过了babel插件将异步转换为生成器、babel polyfill和babel-preset-es2015：
"devDependencies": {
"babel-loader": "^6.2.2",
"babel-plugin-transform-async-to-generator": "^6.5.0",
"babel-polyfill": "^6.5.0",
"babel-preset-es2015": "^6.5.0",
"webpack": "^1.12.13"
}
完整代码提示：
我从一个非常有用和简洁的GitHub要点中得到了代码，你可以在这里找到。
当我尝试使用ES6生成器时，使用gulf with rollup时会出现以下错误：
gulp.task('scripts', () => {
return rollup({
entry: './app/scripts/main.js',
format: "iife",
sourceMap: true,
plugins: [babel({
exclude: 'node_modules/**',
"presets": [
[
"es2015-rollup"
]
],
"plugins": [
"external-helpers"
]
}),
includePaths({
include: {},
paths: ['./app/scripts'],
external: [],
extensions: ['.js']
})]
})
.pipe(source('app.js'))
.pipe(buffer())
.pipe(sourcemaps.init({
loadMaps: true
}))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('.tmp/scripts'))
.pipe(reload({ stream: true }));
});
我可能认为解决方案是将babel polyfill作为bower组件：
bower install babel-polyfill --save
并将其作为依赖项添加到index.html中：
<script src="/bower_components/babel-polyfill/browser-polyfill.js"></script>
或者，如果您没有使用像webpack或rollup这样的bundler，那么作为解决方法，您可以只导入https://raw.githubusercontent.com/facebook/regenerator/master/packages/regenerator-runtime/runtime.js在index.html中使用普通的旧脚本标记。
不是最优的，但在我的情况下，这是唯一的解决方案。
我有一个设置使用预设的webpack：['es2015'，'stage-0']以及运行webpack编译的测试的mocha。
为了使测试中的异步/等待工作，我只需要使用mocha和--require-babel polyfill选项：
mocha --require babel-polyfill
我有使用webpack/babel构建的异步等待：
"devDependencies": {
"babel-preset-stage-3": "^6.11.0"
}
babelrc语言：
"presets": ["es2015", "stage-3"]
