今天想新建一个mobx的demo,于是用create-react-app脚手架新建一个项目,然后按照mobx官网的步骤安装mobx。emmm…一切都装好了之后,npm start 结果无法识别@装饰器:
然后找了很多教程跟博客也没有解决这个问题,最终在一个外国人的博客中找到了希望,以下原博客网址:https://swizec.com/blog/mobx-with-create-react-app/swizec/7158。
1.新建create-react-app项目
$ create-react-app demo
$ cd demo
2.执行 npm run eject
$ npm run eject
这将移动文件,并使您的应用程序的配置可访问
3.安装装饰器解释器
$ npm install --saveDev babel-plugin-transform-decorators-legacy
这条命令是安装装饰器的解释器,执行完这条命令后打开package.json文件,并且找到"babel"(我的在89行~),然后添加以下代码:
"babel": { "plugins": [ "transform-decorators-legacy" ], "presets": [ "react-app" ] },
这里要注意json文件的格式
4.安装mobx
$ npm install --save mobx mobx-react
$ npm i //这条命令安装上面 npm run eject 改动文件之后的依赖
做到这里然后就可以 npm start 执行你的程序啦~