Después de actualizar a CRA 5.0.0, recibí este error en el proceso de compilación:
ERROR in Plugin "react" was conflicted between ".eslintrc.json" and "BaseConfig » "..\react-app\node_modules\eslint-config-react-app\base.js".Mi configuración de eslint es:
{ "env": { "browser": true, "es2021": true }, "extends": [ "plugin:react/recommended", "airbnb", "plugin:react/jsx-runtime" ], "parser": "@typescript-eslint/parser", "parserOptions": { "ecmaFeatures": { "jsx": true }, "ecmaVersion": 12, "sourceType": "module" }, "plugins": [ "react", "@typescript-eslint" ], "rules": {...} }¿Alguna solución/arreglo?
Bueno, esto parece estar relacionado con uno de los siguientes problemas.
https://github.com/yannickcr/eslint-plugin-react/issues/3128
https://github.com/facebook/create-react-app/issues/10463
Lo que puedes probar es lo siguiente (si el primero no funciona, prueba con el segundo, si estás usando hilo):
pnpFallbackMode: all al archivo .yarnrc.yml , si usa hilo, como se explica aquí https://github.com/facebook/create-react-app/issues/10463#issuecomment-997378138 Además, eche un vistazo a las notas de la versión de CRA para verificar si se requiere alguna acción, especialmente la parte sobre "Migración de 4.0.x a 5.0.0" , es posible que también deba actualizar react-scripts .
https://github.com/facebook/create-react-app/releases/tag/v5.0.0
Creo que es por no tener un eslint actualizado. Simplemente cambiar la versión de eslint a 8.0.0 desde 7.0.0 en su paquete.json funcionó para mí o actualizar en su cli usando npm.
Intenté usar su configuración en mi proyecto (que funciona con CRA 5.0.0) y no recibí este error. Creo que el problema es que no actualizaste uno o varios paquetes relacionados con eslint. Puedes intentar actualizarlos:
yarn add -D \ eslint@^8.6.0 \ @typescript-eslint/eslint-plugin@^5.9.0 \ @typescript-eslint/parser@^5.9.0 \ eslint-plugin-react@^7.28.0 \ eslint-config-react@^1.1.7 \ eslint-config-airbnb@^19.0.4 o npm install en lugar de yarn add si está usando npm