Reactjs React Mobx不呈现该值

我对React&mobx是个新手。我用mobx创建了一个简单的类

呈现视图时，不呈现具有@observable的内容

注意：我没有使用create react app创建我的应用程序

我的代码：

 import {observable, computed} from 'mobx';
    import {observer} from 'mobx-react';
    import React from 'react';
    import {Component} from 'react'


    @observer class store extends Component {
        @observable count = 0;
       render(){
            return(
                <div>
                     Counter : {this.count} <br/>
                    <button onClick={this.handleInc}>+</button>
                    <button onClick={this.handleDec}>-</button>
                </div>
            )
       } 

       handleInc= () =>{
            this.count++;
       }

       handleDec= () =>{
           this.count--;
       }
    }

export default store;

webpack.config.js：

module.exports = {
    entry: "./entry.js",
    output: {
        path: __dirname,
        filename: "bundle.js"
    },
    module: {
        loaders: [
             {
              test: /\.css$/,
              use: [
                { loader: 'style-loader' },
                { loader: 'css-loader' }
              ],
            },
            {
                test: /\.(js|jsx)$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                query: {
                    presets: ['es2015', 'stage-0', 'react'],
                    plugins : ["transform-class-properties","transform-decorators-legacy",'transform-runtime', "transform-decorators"]
                }
            }

        ]
    }
};

---

请帮助我解决这个问题，将插件更改为

插件：['transform-runtime'，'transform-decorators-legacy']

---

感谢您的帮助：）

请将

类存储

重命名为

类分数

，因为React假定小写组件名称为HTML标记。记住也要更改导入语句。与webpack绑定时是否有任何错误？控制台中是否出现任何错误？通过将插件更改为

插件：['transform-runtime'，'transform-decorators-legacy']，问题得到了解决。

module.exports = {
    entry: "./entry.js",
    output: {
        path: __dirname,
        filename: "bundle.js"
    },
    module: {
        loaders: [
             {
              test: /\.css$/,
              use: [
                { loader: 'style-loader' },
                { loader: 'css-loader' }
              ],
            },
            {
                test: /\.(js|jsx)$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                query: {
                    presets: ['es2015', 'stage-0', 'react'],
                    plugins : ["transform-class-properties","transform-decorators-legacy",'transform-runtime', "transform-decorators"]
                }
            }

        ]
    }
};