Erro REACT — [eslint] Failed to load config “react-app” to extend from.

Erro ao compilar aplicação React

Rod Zandonadi
Code & Write
Published in
1 min readJul 14, 2022

--

Esses dias me deparei com um erro estranho ao criar uma aplicação React. Apontava uma falha ao ler a configuração react-app no package.json. A aplicação React startava, mas sempre que eu realizava uma alteração, por mínima que fosse, ela quebrava e apresentava o erro:

[eslint] Failed to load config “react-app” to extend from

Ao abrir o package.json, vi que o erro estava em:

“eslintConfig”: {
“extends”: [
“react-app”,
“react-app/jest”
]
}

Depois de muita pesquisa encontrei uma explicação. Por algum motivo o React não utilizou a última versão do eslint. Então, os passos que utilizei para resolver o problema foram:

  • Fechar o processo yarn start no terminal;
  • Instalar a última versão do eslint com o comando yarn add eslint@latest;
  • adicionar o conteúdo do diretório src ao eslint com o comando yarn eslint “src/**”.

Feito isso a aplicação parou de dar sempre que uma atualização era feita.

Espero que seja útil para mais alguém. Encontrei a solução em uma issue no Github do ESLint.

--

--

Rod Zandonadi
Code & Write

Escritor e entusiasta de literatura de fantasia. Desenvolvedor Web nas horas em que não estou criando mundos fantásticos.