Erro quando edito qualquer componente no React JS | Front-end

Failed to compile.

[eslint] Plugin "react" was conflicted between "package.json » eslint-config-react-app » C:\Users\fcss_\Documents\Arquivos de Felipe\Cursos\ReactJs\organograma\node_modules\eslint-config-react-app\base.js" and "BaseConfig » C:\Users\fcss_\Documents\Arquivos de Felipe\Cursos\ReactJS\organograma\node_modules\eslint-config-react-app\base.js". ERROR in [eslint] Plugin "react" was conflicted between "package.json » eslint-config-react-app » C:\Users\fcss_\Documents\Arquivos de Felipe\Cursos\ReactJs\organograma\node_modules\eslint-config-react-app\base.js" and "BaseConfig » C:\Users\fcss_\Documents\Arquivos de Felipe\Cursos\ReactJS\organograma\node_modules\eslint-config-react-app\base.js".

webpack compiled with 1 error

Já desinstalei e instalei novamente o node_modules e o package.json, mas não resolveu. O erro some quando salvo o arquivo package.json, mas depois que edito qualquer componente ele volta a aparecer e fica esperando salvar novamente o package.json para cessar o erro. Alguém sabe como consigo resolver isso?

Olá, Felipe! Tudo bem?

Pelo que pesquisei, esse erro acontece muito quando existem conflitos de letras maiúsculas e minúsculas no nome da pasta do projeto.

Por exemplo, nomes como "Reactapp/REACTAPP/React-app" podem causar esse erro, enquanto "reactapp/react-app" não. Em alguns casos, a diferenciação entre maiúsculas e minúsculas pode gerar conflitos. Assim, te recomendo renomear suas pastas Cursos e ReactJS para cursos e reactjs em minúsculas. No momento de abrir a pasta no terminal com o comando cd reactjs, também se atente a usar letras minúsculas, pois o comando precisa estar compatível com o nome da pasta.

Isso já deve resolver o problema. Mas, caso após fazer os passos anteriores ele persista, recomendo que tente os passos abaixo:

Solução 1: Faça o downgrade para a versão 6

Se você está usando Yarn, pode fazer o downgrade para a versão 6.8.0 do pacote eslint-config-react-app executando o seguinte comando:

yarn add --dev eslint-config-react-app@6

Solução 2: Desinstale e reinstale o eslint-config-react-app

Se as soluções anteriores não funcionarem, tente remover e reinstalar o eslint-config-react-app:

yarn remove eslint-config-react-app
yarn add --dev eslint-config-react-app

Solução 3: Remova o conflito nas dependências do projeto

Se o erro persistir, pode haver um conflito entre as dependências no seu package.json.Tente remover a dependência conflitante do arquivo e rodar o comando novamente.

Se, mesmo após tentar todas essas soluções, o erro continuar aparecendo, você pode abrir um relatório de bug em:https://github.com/eslint/eslint/issues

Inclua detalhes como as dependências e versões do seu projeto, bem como sua configuração do ESLint.

Espero que uma dessas soluções ajude a resolver o seu problema.

Conte sempre com o apoio do fórum :)

Um abraço e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓