1
resposta

[Sugestão] Para quem está enfrentando problemas de erros na sintaxe após fazer a instalação do ESLINT

Vi alguns tópicos de reclamação ou dúvidas em relação ao passo a passo da instalação do ESLINT. Na aula, ao finalizar a instalação do pacote ESLINT é criado um arquivo JSON no projeto da instrutora(eslinttrc.json), e hoje, ao instalarmos o mesmo pacote, é criado um arquivo eslint.config.js e a formatação do aquivo é totalmente diferente do que é passado na aula, vi que isso está causando confusão, tive que garimpar um pouco o fórum e encontrar a solução. Como vi que o tópico já tem um tempo e me deparei com esse problema hoje, decidi criar este para evitar algumas frustrações Abaixo o código que encontrei aqui no fórum com a solução;

import globals from "globals";
import pluginJs from "@eslint/js";

export default [
  {
    languageOptions: {
      globals: {
        ...globals.browser,
        ...globals.node,
      },
    },
    rules: {
      indent: ["error", 2],
      "linebreak-style": ["error", "Windows"],
      quotes: ["error", "double"],
      semi: ["error", "always"],
    },
  },
  pluginJs.configs.recommended,
];

Reparem que na linha onde está "linebreaker-style" eu coloquei Windows no segundo argumento, pois eu utilizo Windows, acredito e ainda não testei, que se você usa Linux, deverá mudar esse argumento para Unix. Espero ter ajudado. Eu esqueci o nome da pessoa que trouxe a solução, se você ver esse tópico por favor deixe uma resposta =). Bons estudos a todos.

1 resposta

Olá Gabriel! Tudo bem?

Muito obrigado por compartilhar essa dica valiosa com a comunidade!

Você está absolutamente certo sobre a diferença entre os arquivos eslinttrc.json e eslint.config.js. A nova configuração em JavaScript permite mais flexibilidade e é importante que os estudantes estejam cientes dessas mudanças para evitar frustrações.

Bons estudos!