我正在尝试在 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 的情况下正常使用它就可以了。任何想法我做错了什么?
最佳答案
babel-polyfill
(deprecated 从 Babel 7.4 开始)是必需的。您还必须安装它才能使 async/await 正常工作。
npm i -D babel-core babel-polyfill babel-preset-es2015 babel-preset-stage-0 babel-loader
package.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"
}
.babelrc
{
"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,你需要把它作为 entry
数组的第一个值放在你的 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
关于javascript - Babel 6 regeneratorRuntime 未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33527653/