Question

我在这里关注Spring和React集成教程：https://spring.io/guides/tutorials/react-and-spring-data-rest/。到目前为止一切都很好，但我想使用像

这样的React类属性

static defaultProps = {
...
};

但是我收到了错误

Module build failed: SyntaxError: .../src/main/js/app.js: Unexpected token (23:24)
[INFO] 
[INFO]   21 | 
[INFO]   22 | class MyClass extends Component {
[INFO] > 23 |     static defaultProps = {
[INFO]      |                         ^

我尝试更改webpack.config.js：

query: {
cacheDirectory: true,
presets: ['es2015','es2016','react'],
plugins: ["transform-class-properties"]
}

并在package.json中添加依赖项。我不会再犯这个错误了，但它仍然没有工作，我的意思是 - 当我打开localhost时：8080我只能看到空白屏幕，除了返回H1文本之外，我的MyClass组件中没有任何内容声明的类属性。没有这个类属性，它可以工作。我错过了什么吗？我不确定在哪里寻找错误。

Answer 1

我设法按照我想要的方式工作。首先，我在stage-0中添加了transform-runtime和webpack.config.js：

module: {
    loaders: [
        {
            test: path.join(__dirname, '.'),
            exclude: /(node_modules)/,
            loader: 'babel-loader',
            query: {
                cacheDirectory: true,
                plugins: ['transform-runtime'],
                presets: ['es2015', 'stage-0', 'react']
            }
        }
    ]
}

我在package.json中添加了依赖项：

"babel-preset-stage-0": "^6.16.0",
"babel-plugin-transform-class-properties": "^6.5.2",
"babel-plugin-transform-runtime": "^6.15.0"

然后它仍无效，但我在defaultProps前删除了静态关键字并vo！它有效。

React.js + Java Spring中的类属性

1 个答案: