我正在尝试在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的情况下正常使用它，效果很好。知道我做错了什么吗？
当前回答
此解决方案已过时。
我在这个视频的youtube评论中找到了解决方案https://www.youtube.com/watch?v=iWUR04B42Hc&lc=Ugyq8UJq-OyOzsKIIrB4AaABAg公司
这应该指向正确的注释。“贝丝w”找到了解决方案。
Beth W 3个月前（编辑）我在2019年不得不做的另一个改变是，babel显然不再使用v7之前的阶段0预设，所以在26:15时，我不得不做的不是“npm install--save dev babel polyfill babel-preset-stage-0”，而是：npm安装--保存@babel/polyfill这包括两个旧选项。然后，在应用程序的入口点中，我>包含了“@babel/polyfill”，并在查询预设中保持原样。因此，webpack配置最终看起来像：
const path = require('path');
module.exports = {
entry: {
app: ['@babel/polyfill', './src/app.js']
},
output: {
path: path.resolve(__dirname, 'build'),
filename: 'app.bundle.js'
},
mode: 'development',
module: {
rules: [{
test: /\.js?$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['@babel/preset-env']
}
}]
}
}
希望这对某人有所帮助！
其他回答
对于希望使用babel polyfill版本7^的用户，请使用webpack ver3^进行此操作。
Npm安装模块Npm i-D@babel/polyfill
然后在入口点的webpack文件中执行以下操作
entry: ['@babel/polyfill', path.resolve(APP_DIR, 'App.js')],
或者，如果您没有使用像webpack或rollup这样的bundler，那么作为解决方法，您可以只导入https://raw.githubusercontent.com/facebook/regenerator/master/packages/regenerator-runtime/runtime.js在index.html中使用普通的旧脚本标记。
不是最优的，但在我的情况下，这是唯一的解决方案。
如果您正在使用next js，请从“再生器运行时”添加import regeneratorRuntime；对于引发错误的文件，对我来说，该文件是document.js。
并添加
[
"@babel/plugin-transform-regenerator",
{
"asyncGenerators": false,
"generators": false,
"async": false
}
]
在插件中，位于.babelrc文件内。
我在将项目转换为typescript项目后开始出现此错误。据我所知，问题源于异步/等待未被识别。
对我来说，通过在我的设置中添加两项内容，错误得到了修复：
正如上面多次提到的，我需要将babel polyfill添加到我的webpack条目数组中：...条目：['abel-polyfill'，'./index.js']，...我需要更新我的.babelrc，以允许将异步/等待编译为生成器：{“预设”：[“es2015”]，“插件”：[“将异步转换为生成器”]}
开发依赖项：
我还必须在package.json文件中的devDependencies中安装一些东西。也就是说，我错过了babel插件将异步转换为生成器、babel polyfill和babel-preset-es2015：
"devDependencies": {
"babel-loader": "^6.2.2",
"babel-plugin-transform-async-to-generator": "^6.5.0",
"babel-polyfill": "^6.5.0",
"babel-preset-es2015": "^6.5.0",
"webpack": "^1.12.13"
}
完整代码提示：
我从一个非常有用和简洁的GitHub要点中得到了代码，你可以在这里找到。
我有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”]
