我正在尝试在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的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
新答案你为什么要听我的答案？
答：因为我将用最新的更新版本npm项目给你们一个答案。
04/14/2017
"name": "es6",
"version": "1.0.0",
"babel-core": "^6.24.1",
"babel-loader": "^6.4.1",
"babel-polyfill": "^6.23.0",
"babel-preset-es2015": "^6.24.1",
"webpack": "^2.3.3",
"webpack-dev-server": "^2.4.2"
如果您使用此版本或更高版本的Npm和所有其他。。。所以只需要改变：
webpack.config.js
module.exports = {
entry: ["babel-polyfill", "./app/js"]
};
更改webpack.config.js文件后，只需将这一行添加到代码顶部。
import "babel-polyfill";
现在检查一切是否正常。参考链接
也感谢@BrunoLM的回答。
其他回答
我在Chrome中遇到了这个问题。与RieneVaPlu的回答类似，这为我解决了问题：
npm install --save-dev regenerator-runtime
然后在我的代码中：
import 'regenerator-runtime/runtime';
很高兴避免babel polyfill额外的200 kB。
我使用了来自https://github.com/babel/babel/issues/9849#issuecomment-592668815，并将targets:{esmodules:true，}添加到我的babel.config.js。
module.exports = {
presets: [
[
'@babel/preset-env',
{
targets: {
esmodules: true,
},
},
],
],
}
我通过安装babel polyfill修复了这个错误
npm install babel-polyfill --save
然后我将其导入应用程序入口点
import http from 'http';
import config from 'dotenv';
import 'babel-polyfill';
import { register } from 'babel-core';
import app from '../app';
对于我包含的测试，需要在测试脚本中使用babel polyfill
"test": "export NODE_ENV=test|| SET NODE_ENV=test&& mocha --compilers
js:babel-core/register --require babel-polyfill server/test/**.js --exit"
只需安装再生器运行时具有以下命令
npm i regenerator-runtime
在需要服务器文件之前，在启动文件中添加以下行
require("regenerator-runtime/runtime");
到目前为止，这对我很有效
需要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
