带有babel的静态类属性上的语法

Question

我正在尝试使用ES2016语法创建一个组件AS：

export default class {
  static defaultProps = {
    color: '#cc7f29',
  }
}

我相信static defaultProps = {}语法是ES2016的一部分，因此我将ES2016预设加载到Babel中。我已经安装了babel-preset-es2016。

这给出了汇编的错误：

Module build failed: SyntaxError: Unexpected token (10:22)
   8 | export default class extends React.Component {
   9 | 
> 10 |   static defaultProps = {
     |                       ^
  11 |     color: '#cc7f29',
  12 |     theme: 'light',
  13 |   }
BabelLoaderError: SyntaxError: Unexpected token (10:22)
   8 | export default class extends React.Component {
   9 | 
> 10 |   static defaultProps = {
     |                       ^
  11 |     color: '#cc7f29',
  12 |     theme: 'light',
  13 |   }

我在做什么错？

Answer 1

类属性是eCmascript阶段2提案，因此您需要包括阶段2预设。

使用阶段0预设也有效，因为它包括所有以前的阶段预设。