在react中配置mobx
如何在react中配置mobx
下面介绍两种方法:
1.直接使用custom-react-scripts来创建项目:
输入:create-react-app my-app --scripts-version custom-react-scripts
然后使编辑器(我用的VSCode)支持ES.Next的装饰器语法:
在项目的根路径下创建一个文件jsconfig.json,文件内容为:
{
“compilerOptions”:{
“experimentalDecorators”:true
}
}
然后npm start 启动项目。
第一种方法可能遇到的问题:
解决方法:npm install [email protected],安装完后重新运行即可。
2.先直接创建create-react-app
然后运行npm run eject命令,将项目配置弹出。
在这一步可能出现的问题:
解决方法:
git init
git add .
git commit -m ‘Saving before ejecting’
npm run eject
主要问题是脚手架添加.gitgnore文件,但是却没有本地仓库
然后配置编辑器的@装饰器语法支持.
最后还要配置babel去支持装饰器语法
npm install --save-dev @babel/plugin-proposal-decorators
然后在package.json文件中进行如下修改:
然后npm start 启动项目即可。
以上是 在react中配置mobx 的全部内容, 来源链接: utcz.com/z/382534.html