react mobx 报错 Missing class properties transform

1 react mobx 项目 执行会报错 react mobx 报错 Missing class properties transform ,已安装了transform-decorators-legacy和transform-class-properties,不知道哪里出问题了

store/countStore.js

import { observable, action, computed, runInAction, autorun, extendObservable } from 'mobx';
class CountStore {
   @observable num = 0;
   constructor(props){
     
   }
}

export default CountStore;

components/index.jsx

import React, { Component } from 'react';
import { render } from 'react-dom';
import Bottom from './index/bottom';
import Bodys from './index/bodys';
import Top from './index/top';
import CountStore from '../store/countStore';
const CountStores  = new CountStore();
var arr=[1,2,3,4];
var arrs=[{
    a:"d"
},
{
    a:"b"
}]
class Index extends Component {
    constructor(props){
        super(props);
    }
    render(){
        return <div id="index">
        <div>123132</div>
            <Top id="top" kkk={arr}  dataid={arrs}></Top>
            <Bodys id="bodys" countstore="{CountStores}">744855</Bodys>
            <Bottom id="bottom">213213</Bottom>
        </div>
    }

}



export default Index;

报错截图

clipboard.png

package.json

clipboard.png

.babelrc

clipboard.png

阅读 3.3k
1 个回答

clipboard.png 已解决
在webpack上加上预编译就不会报错,加在babelrc上却不行,不知道什么原因

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题