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
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
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.
Esto probablemente no ayudará a OP, pero en mi caso, actualicé mi aplicación de reacción a MUI 5 y eslint de ^7.32.0 a ^8.7.0 pero olvidé actualizar eslint-plugin-react y eslint-plugin-react-hooks y el error anterior estaba ocurriendo en el cambio de archivo al recargar. Actualizarlos a ^7.28.0 y ^4.3.0 respectivamente solucionó mi problema.
Acabo de degradar eslint-config-react-app de la versión 7.0.0 a la 6.0.0 :
yarn add --dev eslint-config-react-app@6.0.0o
npm install --dev eslint-config-react-app@6.0.0Tal vez esto ayude a alguien.
Hoy me encontré con el problema y después de ejecutar una solución de auditoría: forzar el inicio de npm no funcionó, pero recibí un mensaje largo y encantador que explica los pasos y también la razón detrás de esto. Me resultó útil y solucioné mi problema.
Puede haber un problema con el árbol de dependencias del proyecto. Es probable que no sea un error en la aplicación Create React, sino algo que debe corregir localmente.
El paquete de scripts de reacción proporcionado por Create React App requiere una dependencia:
"eslint": "5.6.0"
No intentes instalarlo manualmente: tu administrador de paquetes lo hace automáticamente. Sin embargo, se detectó una versión diferente de eslint más arriba en el árbol:
C:\Users\rohad\Desktop\project\node_modules\eslint (versión: 8.10.0)
Se sabe que la instalación manual de versiones incompatibles causa problemas difíciles de depurar.
Si prefiere ignorar esta verificación, agregue SKIP_PREFLIGHT_CHECK=true a un archivo .env en su proyecto. Eso deshabilitará permanentemente este mensaje, pero es posible que encuentre otros problemas.
Para corregir el árbol de dependencias, intente seguir los pasos a continuación en el orden exacto:
- Elimine package-lock.json (¡no package.json!) y/o yarn.lock en la carpeta de su proyecto.
- Elimine node_modules en su carpeta de proyecto.
- Elimine "eslint" de las dependencias y/o devDependencies en el archivo package.json en la carpeta de su proyecto.
- Ejecute npm install o yarn, según el administrador de paquetes que utilice.
En la mayoría de los casos, esto debería ser suficiente para solucionar el problema. Si esto no ha ayudado, hay algunas otras cosas que puede probar:
Si usó npm, instale yarn ( http://yarnpkg.com/ ) y repita los pasos anteriores con él. Esto puede ayudar porque npm tiene problemas conocidos con la elevación de paquetes que pueden resolverse en versiones futuras.
Compruebe si C:\Users\rohad\Desktop\project\node_modules\eslint está fuera del directorio de su proyecto. Por ejemplo, es posible que haya instalado accidentalmente algo en su carpeta de inicio.
Intente ejecutar npm ls eslint en la carpeta de su proyecto. Esto le dirá qué otro paquete (aparte de los scripts de reacción esperados) instaló eslint.
Si nada más ayuda, agregue SKIP_PREFLIGHT_CHECK=true a un archivo .env en su proyecto. Eso deshabilitaría permanentemente esta verificación previa en caso de que desee continuar de todos modos.
PD: sabemos que este mensaje es largo, pero lea los pasos anteriores :-) ¡Esperamos que los encuentre útiles!
En mi caso se actualizo todo a la última versión, pero aun así me sale el mismo error.
Después de eliminar el archivo de bloqueo, comenzó a funcionar.