在使用 Babel 编译 ES6 代码时，有时会遇到 “Generator is not defined” 错误。这个错误的原因是因为在 ES6 中，Generator 是一个新的语法特性，而在一些浏览器和 Node.js 版本中并没有完全实现这个特性，导致在编译后的代码中找不到相应的实现。
这个问题的解决方案有两种。
解决方案一：引入 Polyfill
Polyfill 是指在旧版本浏览器和环境中模拟实现新特性的代码库，可以通过引入 Polyfill 来解决 Generator is not defined 错误。在 Babel 的官方文档中，提供了一个名为 babel-polyfill 的工具，可以自动引入所有的 Polyfill。
安装 babel-polyfill
npm install babel-polyfill --save-dev
引入 babel-polyfill
在应用的入口文件中，引入 babel-polyfill：
import 'babel-polyfill';
示例代码
-- -------------------- ---- ------- ------ ----------------- --------- ----------------- - ----- -- ----- -- ----- -- - ----- --------- - ------------------ ------------------------------ ------------------------------ ------------------------------ ------------------------------
解决方案二：关闭 Babel 的 ES6 转译
如果不想引入 Polyfill，可以选择关闭 Babel 的 ES6 转译功能。在 Babel 的配置文件 .babelrc 中，将 presets 的值中的 es2015 移除即可。
示例代码
{
"presets": [
// 移除 es2015
]
}总结
通过引入 Polyfill 或者关闭 Babel 的 ES6 转译，可以避免出现 “Generator is not defined” 错误。同时，需要注意不同版本的浏览器和环境对 ES6 特性的支持程度，更好地了解 ES6 特性的具体实现方式，才能编写更加健壮的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f960d3f6b2d6eab30e4aa6