ES6 是现代 JavaScript 的重要标准之一，但是目前并不是所有浏览器都支持 ES6 语法。因此，很多前端开发者会使用 Babel 来将 ES6 代码转换成可被大多数浏览器解析的 ES5 代码，以确保网站能够正常运行。但是，在使用 Babel 编译 ES6 代码的过程中，经常会出现错误。接下来，我们将介绍一些常见的 Babel 编译 ES6 出错的问题，并提供相应的解决方案。
问题 1：SyntaxError: Unexpected token
这个错误是最常见的编译 ES6 代码时出现的错误之一。它表示在代码中出现了不符合 ES5 语法规范的字符，导致解析器无法解析该代码。例如：
const myObject = {
name: "前端小助手",
age: 3,
};这段代码会编译出现 SyntaxError: Unexpected token 错误，因为在 ES5 语法中不支持以逗号结尾的对象属性定义。 解决方案是使用 Babel 的转换插件，比如 babel-plugin-transform-object-rest-spread，将其转换为 ES5 语法：
const myObject = Object.assign({}, { name: "前端小助手", age: 3 });问题 2：ReferenceError: regeneratorRuntime is not defined
这个错误是由于 Babel 默认并不会将 ES6 的 Generator 函数转换成 ES5 语法导致的，需要使用 Babel 插件 babel-plugin-transform-runtime 来处理 Generator 函数：
import 'babel-polyfill';
需要在代码中添加上面的语句，babel-polyfill 可以引入 Generator 的运行时依赖 regeneratorRuntime 和其他 ES6 标准库。这样就可以解决上述的错误。
问题 3：TypeError: Cannot read property ‘bindings’ of null
这种类型的错误通常是在使用 Babel 的“裸运行（naked run）” 或手动指定 babel-core/register 的情况下出现。解决的方法是指定 .babelrc 文件，如下所示：
-- -------------------- ---- -------
-
---------- -
------- -
---------- -
------- ---------
-
--
-
-这里，"targets": {"node": "current"} 表示将代码转换为 Node 版本的当前版本。
问题 4：import 和 export 语法不被识别
在 ES6 中，我们可以使用 import 和 export 对模块进行导入导出操作。但是在某些浏览器中，这些语法并不被支持。解决方案是使用 Babel 的转换插件 babel-plugin-transform-es2015-modules-commonjs 来将 import 和 export 转换成 commonjs 的语法：
const moduleA = require('./moduleA')
moduleA.fn()这里，我们使用 require 和 module.exports 来替代 import 和 export。
总结：Babel 是一个成熟稳定的转换器，但是在使用过程中仍然会出现一些问题。这篇文章介绍了一些常见的问题，并给出了解决方案。需要注意的是，使用 Babel 的转换插件时，不要将所有的插件同时启用，因为它们之间存在依赖关系，可能会导致其他问题的出现。我们要根据自己的需求精选所需插件，以便更好的解决问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648bf66b48841e9894a3f7cd