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

Question

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

import {autorun, observable} from 'mobx'

export default class AppState{
    @observable teams =[]

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

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

还使用 this 指南安装了 Babel

如何解决这个问题？

Answer 1

我有 2 种可能的解决方案，一种是 here；使用没有装饰器和 babeljs 转译器的 mobx。

第二个更接近我需要的是here；使用包括 babeljs config

在内的自定义反应脚本的入门工具包

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

how to use babel decorators for mobx in project generated by create-react-app

reactjs

babeljs

mobx-react