如果你使用 Babel 编译 JavaScript 代码时出现了 "Uncaught ReferenceError: regeneratorRuntime is not defined" 的错误，这篇文章将为你提供解决方法。
问题分析
"Uncaught ReferenceError: regeneratorRuntime is not defined" 错误通常出现在使用 Babel 编译 async/await 函数时。这是因为 async/await 函数需要使用生成器函数，而生成器函数又需要一个名为 "regeneratorRuntime" 的运行时环境。
然而，在使用 Babel 编译时，默认情况下不会包含 "regeneratorRuntime" 运行时环境，从而导致了这个错误。
解决方法
解决这个问题的方法很简单，只需要安装一个名为 "babel-plugin-transform-runtime" 的插件，然后在 Babel 配置文件中进行配置即可。
安装插件
使用 npm 安装 "babel-plugin-transform-runtime" 插件：
npm install --save-dev babel-plugin-transform-runtime
配置 Babel
在 Babel 配置文件中配置 "babel-plugin-transform-runtime" 插件：
-- -------------------- ---- -------
-
---------- -
--------------------- -
---------- ------
----------- ------
-------------- -----
------------- ---------------
--
-
-其中，"regenerator" 属性设置为 true，表示需要包含 "regeneratorRuntime" 运行时环境。
示例代码
下面是一个使用 async/await 函数的示例代码：
async function fetchData() {
const response = await fetch('https://jsonplaceholder.typicode.com/todos/1');
const data = await response.json();
console.log(data);
}
fetchData();如果不进行配置，使用 Babel 编译后会出现 "Uncaught ReferenceError: regeneratorRuntime is not defined" 错误。但是，如果按照上述方法进行配置，就可以成功编译并运行这段代码了。
总结
通过安装 "babel-plugin-transform-runtime" 插件并进行配置，就可以解决使用 Babel 编译 async/await 函数时出现 "Uncaught ReferenceError: regeneratorRuntime is not defined" 错误的问题。这个问题比较常见，如果你也遇到了同样的错误，可以参考本文提供的解决方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660d72d0d10417a222dc9611