前言：ES6 是 JavaScript 的下一代标准，为了方便大家的开发使用，Babel 是一个工具，可以将 ES6 代码转换成能够在当前浏览器中运行的代码，但有些情况下，我们会发现在使用 Babel 编译 ES6 代码时出现 Uncaught SyntaxError 的错误，那么本文就来详细探讨这个问题。
问题描述
在使用 Babel 编译 ES6 代码时，我们有时会遇到以下错误提示：
Uncaught SyntaxError: Unexpected token export
这个错误提示通常代表着编译出的 ES5 代码存在语法错误，而这个错误通常出现在 Babel 编译的代码中，下面我们来看一份示例代码：
// app.js export const a = 1; export const b = 2;
从代码中我们可以看出，这是一个包含了 ES6 的代码，我们在使用 Babel 编译之后，应该期望得到的是 ES5 代码，但是在某些特定情况下，错误提示却出现了。
问题分析
在上面的示例代码中，使用到了 ES6 的模块化语法，也就是使用了 export 关键字，这个关键字在 ES6 中是支持的，但在 ES5 中并不支持，如果我们不对这些语法进行转换，那么就会出现上述错误提示。
那么我们该如何解决这个问题呢？其实，Babel 已经提供了对 ES6 模块化语法的转换支持，我们只需要在 .babelrc 配置文件中添加以下内容即可：
-- -------------------- ---- -------
-
---------- -
--------------------- -
---------- -
----------- -- --- -- --- --- -----
-
--
-
-这个配置中使用了 @babel/preset-env 这个 preset，它包含了对大部分 ES6 语法的支持，同时我们指定了目标浏览器为大于 1% 的浏览器，IE 11 以及尚未退出市场的浏览器，这样就会自动转换代码以解决上述错误。
总结
本文详细探讨了在使用 Babel 编译 ES6 代码时出现 Uncaught SyntaxError 的错误，分析了问题的原因以及解决方法。在实际开发中，我们需要根据具体情况来选择合适的配置方案。最后，希望对大家进行学习以及指导的意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e5e468f6b2d6eab315f9b2