我正在尝试在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的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
在反应预设之前使用阶段2预设帮助我：
npx babel --watch src --out-dir . --presets stage-2,react
安装以下模块时，上述代码有效：
npm install babel-cli babel-core babel-preset-react babel-preset-stage-2 --save-dev
其他回答
我的简单解决方案：
npm install --save-dev babel-plugin-transform-runtime
npm install --save-dev babel-plugin-transform-async-to-generator
巴氏合金
{
"presets": [
["latest", {
"es2015": {
"loose": true
}
}],
"react",
"stage-0"
],
"plugins": [
"transform-runtime",
"transform-async-to-generator"
]
}
我通过安装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"
我的工作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";
....
笔记如果您使用的是babel7，则该包已重命名为@babel/plugin-transform runtime。
除了polyfill，我还使用babel插件转换运行时。插件描述如下：
外部化对助手和内置程序的引用，自动聚合填充代码而不会污染全局。这到底意味着什么？基本上，您可以使用Promise、Set、Symbol等内置功能，也可以无缝使用所有需要polyfill的Babel功能，而不会造成全局污染，因此非常适合于库。
它还支持异步/等待以及ES6的其他内置功能。
$ npm install --save-dev babel-plugin-transform-runtime
在.babelrc中，添加运行时插件
{
"plugins": [
["transform-runtime", {
"regenerator": true
}]
]
}
如果使用babel-preset-stage-2，则只需使用--requirebabelpolyfill启动脚本即可。
在我的案例中，这个错误是由Mocha测试引发的。
以下修复了问题
mocha\“server/tests/**/*.test.js\”--编译器js:babel寄存器--需要babel polyfill
