在 ES6 中，我们可以方便地使用 class 属性 (class properties) 来定义类的属性。但是，当我们使用 Babel 编译 ES6 代码时，有时候会遇到以下错误：
SyntaxError: Support for the experimental syntax 'classProperties' isn't currently enabled
这是因为 class 属性还不是 ECMAScript 标准规范的一部分，所以需要开启 Babel 的插件来支持这个特性。
解决方案
要解决这个问题，我们需要安装一个 Babel 插件：@babel/plugin-proposal-class-properties。这个插件可以让 Babel 编译器支持 class 属性的语法。
安装依赖
首先，让我们安装 @babel/plugin-proposal-class-properties 插件：
npm install --save-dev @babel/plugin-proposal-class-properties
配置 .babelrc 文件
接下来，我们需要配置 .babelrc 文件来启用插件。在该文件中添加以下代码：
{
"plugins": ["@babel/plugin-proposal-class-properties"]
}示例代码如下：
-- -------------------- ---- -------
----- ------ -
------ ---- - --------- -- ---
------------- -
-------- - ---
-
--------- -
------ ------------
-
-------- -
------ ---------
-
-现在，我们再次使用 Babel 编译这段代码，就不会再出现 "Support for the experimental syntax 'classProperties' isn't currently enabled" 错误了。
总结
在使用 ES6 新特性时，我们需要确保我们的编译器支持这些语法。当编译器不支持某个新特性时，我们需要通过安装相应的 Babel 插件来使其支持。
以上就是为你教授的本次关于如何解决 Babel 编译 ES6 代码时出现的 "Support for the experimental syntax 'classProperties' isn't currently enabled" 错误的方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e74682f6b2d6eab32d6ffe