关于静态类属性的Babel编译错误

Question

我在用巴贝尔和Webpack一起做一个反应演示。将函数调用作为对象值的静态类属性的编译失败。但对普通类型来说没问题。

ERROR in ./src/components/productSet.jsx
Module build failed: SyntaxError: /Users/jack/demo/src/components/productSet.jsx: Unexpected token (9:35)
   7 |     static propTypes: {
   8 |         test: React.PropTypes.object,
>  9 |         data: React.PropTypes.oneOf(['News', 'Photos']),
     |                                    ^
  10 |     }

顺便说一下，我已经启用了所有的0-3阶段功能

module: {
    loaders: [{
        test: /.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
            presets: ['es2015', 'react', 'stage-3', 'stage-2', 'stage-1', 'stage-0']
        }
    }]
},

Answer 1

与prototypes不同，static prototypes后面应该是=而不是:

尝试：

static propTypes= {而不是static propTypes: {