我正在尝试在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的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
我有regeneratorRuntime未定义错误当我在react应用程序中使用“异步”和“等待”时“async”和“await”是ES7中的新关键字为此，您应该使用babel-preset-es2017安装此devDependencies：
`
“babel-preset-es2017”：“^6.24.1”，“babel预设反应”：“^6.24.1”，“babel-preset-stage-0”：“^6.24.1”`
并使用此
“预设”：[“es2017”，“stage-0”，“react”]
其他回答
我的工作babel 7样板，用于与再生器运行时反应：
巴氏合金
{
"presets": [
[
"@babel/preset-env",
{
"targets": {
"node": true,
},
},
],
"@babel/preset-react",
],
"plugins": [
"@babel/plugin-syntax-class-properties",
"@babel/plugin-proposal-class-properties"
]
}
包.json
...
"devDependencies": {
"@babel/core": "^7.0.0-0",
"@babel/plugin-proposal-class-properties": "^7.4.4",
"@babel/plugin-syntax-class-properties": "^7.2.0",
"@babel/polyfill": "^7.4.4",
"@babel/preset-env": "^7.4.5",
"@babel/preset-react": "^7.0.0",
"babel-eslint": "^10.0.1",
...
main.js
import "@babel/polyfill";
....
需要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
如果使用babel-preset-stage-2，则只需使用--requirebabelpolyfill启动脚本即可。
在我的案例中，这个错误是由Mocha测试引发的。
以下修复了问题
mocha\“server/tests/**/*.test.js\”--编译器js:babel寄存器--需要babel polyfill
对于希望使用babel polyfill版本7^的用户，请使用webpack ver3^进行此操作。
Npm安装模块Npm i-D@babel/polyfill
然后在入口点的webpack文件中执行以下操作
entry: ['@babel/polyfill', path.resolve(APP_DIR, 'App.js')],
至babel7用户和ParcelJS>=1.1.0用户
npm i @babel/runtime-corejs2
npm i --save-dev @babel/plugin-transform-runtime @babel/core
巴氏合金
{
"plugins": [
["@babel/plugin-transform-runtime", {
"corejs": 2
}]
]
}
取自https://github.com/parcel-bundler/parcel/issues/1762
