在react中配置mobx

react

如何在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

回到顶部