在react-create-app中使用mobx(使用修饰符)的解决办法

安装依赖

yarn add react-app-rewired 或者 npm install react-app-rewired
yarn add customize-cra @babel/plugin-proposal-decorators --dev 或者 npm install customize-cra @babel/plugin-proposal-decorators --dev

替换package.json中的scripts

"scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-app-rewired eject"
  }

在项目根目录下新建config-overrides.js

内容如下

const {
   override,
   addDecoratorsLegacy,
   disableEsLint,
 } = require("customize-cra");
 
module.exports = {
   webpack: override(
     addDecoratorsLegacy(),
     disableEsLint(),
   )
};