如何在create-react-app生成的项目中将babel装饰器用于mobx

Question

当我在项目中使用此简单状态类时，我创建了一个项目create-react-app并安装了mobx和mobx-react模块，下面总是会出现此错误。

import {autorun, observable} from 'mobx'

export default class AppState{
    @observable teams =[]

    @computed addNewTeam(){
        this.teams.push('Team 1')
    }
}

autorun(()=>{
    console.log(this.teams[0]);
})

本指南还安装了Babel

如何解决这个问题？

Answer 1

对我来说，有两种可能的解决方案，一种在这里 ； 使用没有装饰器和babeljs transpiler的mobx。

第二，更接近我需要的是在这里 ; 入门工具包，使用包括babeljs config在内的自定义反应脚本