我正在尝试在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的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
小心吊装功能
我的“polyfill导入”和“异步函数”都在同一个文件中，但我使用的是将其提升到polyfill之上的函数语法，这会给我带来ReferenceError:regeneratorRuntime未定义错误。
更改此代码
import "babel-polyfill"
async function myFunc(){ }
到此为止
import "babel-polyfill"
var myFunc = async function(){}
以防止其悬挂在polyfill进口上方。
其他回答
我需要支持的目标浏览器已经支持异步/等待，但是在编写mocha测试时，如果没有正确的设置，我仍然会遇到这个错误。
我在谷歌上搜索的大多数文章都过时了，包括这里的公认答案和高投票率答案，即你不需要polyfill、babel再生器运行时、babel插件转换运行时。如果您的目标浏览器已经支持异步/等待（当然，如果您不需要polyfill）
我也不想使用webpack。
泰勒·龙的答案实际上是正确的，因为他建议babel预置env（但我先省略了它，因为他在开头提到了polifill）。我仍然得到了ReferenceError:regeneratorRuntime最初没有定义，然后我意识到这是因为我没有设置目标。为节点设置目标后，我修复了再生器运行时错误：
"scripts": {
//"test": "mocha --compilers js:babel-core/register"
//https://github.com/mochajs/mocha/wiki/compilers-deprecation
"test": "mocha --require babel-core/register"
},
"devDependencies": {
"babel-core": "^6.26.3",
"babel-preset-env": "^1.7.0",
"mocha": "^5.2.0"
},
//better to set it .bablerc, I list it here for brevity and it works too.
"babel": {
"presets": [
["env",{
"targets": {
"node": "current"
"chrome": 66,
"firefox": 60,
},
"debug":true
}]
]
}
1-安装babel插件，将异步转换为模块方法，babel polyfil，蓝鸟，babel-reset-es2015，babel芯：
npm install babel-plugin-transform-async-to-module-method babel-polyfill bluebird babel-preset-es2015 babel-core
2-添加js babel polyfill：
导入“babel polyfill”；
3-在.babelrc中添加插件：
{
"presets": ["es2015"],
"plugins": [
["transform-async-to-module-method", {
"module": "bluebird",
"method": "coroutine"
}]
]
}
资料来源：http://babeljs.io/docs/plugins/transform-async-to-module-method/
或者，如果您没有使用像webpack或rollup这样的bundler，那么作为解决方法，您可以只导入https://raw.githubusercontent.com/facebook/regenerator/master/packages/regenerator-runtime/runtime.js在index.html中使用普通的旧脚本标记。
不是最优的，但在我的情况下，这是唯一的解决方案。
当我尝试使用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/babel构建的异步等待：
"devDependencies": {
"babel-preset-stage-3": "^6.11.0"
}
babelrc语言：
"presets": ["es2015", "stage-3"]
