我正在尝试在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的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
我在尝试运行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
其他回答
我正在使用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'));
...
Babel 7用户
我很难绕过这个问题，因为大多数信息都是以前的babel版本。对于Babel 7，安装以下两个依赖项：
npm install --save @babel/runtime
npm install --save-dev @babel/plugin-transform-runtime
在.babelrc中，添加：
{
"presets": ["@babel/preset-env"],
"plugins": [
["@babel/transform-runtime"]
]
}
新答案你为什么要听我的答案？
答：因为我将用最新的更新版本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的回答。
这些答案中的大多数都推荐了使用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()
]
};
只需安装：
npm install --save-dev @babel/plugin-transform-runtime
并将其添加到Babel的插件数组中。
