解决不能用@修饰器问题

config-overrides.js

@@ -1,7 +1,12 @@
-const rewireMobX = require('react-app-rewire-mobx');
+const path = require('path')
+const { override, addDecoratorsLegacy } = require('customize-cra')
 
-module.exports = function override(config, env) {
-    config = rewireMobX(config, env);
-    return config;
-};
+function resolve(dir) {
+    return path.join(__dirname, dir)
+}
 
+const customize = () => (config, env) => {
+    config.resolve.alias['@'] = resolve('src')
+    return config
+};
+module.exports = override(addDecoratorsLegacy(), customize())

package.json

@@ -19,10 +19,10 @@
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "eject": "react-scripts eject"
+    "start": "react-app-rewired start",
+    "build": "react-app-rewired build",
+    "test": "react-app-rewired test",
+    "eject": "react-app-rewired eject"
   },
   "eslintConfig": {
     "extends": [
@@ -41,5 +41,9 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-decorators": "^7.18.10",
+    "customize-cra": "^1.0.0"
   }
 }