web-dev-qa-db-fra.com

ESLint ne fonctionne pas dans VS Code?

ESLint ne fonctionne pas pour moi dans VS Code. Le plug-in est installé dans VS Code et ESLint lui-même en tant que dépendance du développeur dans mon package.json, que j'ai également installé.

J'ai modifié l'option suivante dans les paramètres utilisateur du code VS:

{
  "eslint.options": { "configFile": "C:/mypath" }
}

J'ai utilisé la commande eslint --init pour ajouter le .eslintrc.json de base au répertoire principal de mon paquet. 

D'autres personnes ont pu obtenir des commentaires ESLint de VS Code en utilisant exactement le même package avec le même fichier de configuration ESLint. 

Je n'ai reçu aucun retour de quelque sorte que ce soit lors de la violation directe de plusieurs règles qui étaient toutes incluses dans le jeu de règles recommandé qui est par défaut à l'intérieur du fichier .eslintrc.json.

Qu'est-ce que je rate?

Edit: J'ai testé en utilisant ESLint via la ligne de commande, et tout a fonctionné comme prévu, avec les erreurs trouvées où ils devraient avoir, cependant, ces mêmes erreurs jamais apparues dans VS Code. Le problème semble être du côté de VS Code et non d’ESLint.

23
John Landon

ESLint peut ne pas vous donner de commentaires pour plusieurs raisons. ESLint va d'abord rechercher votre fichier de configuration dans votre projet et s'il ne peut pas trouver un fichier .eslintrc.json, il recherchera une configuration globale. Personnellement, j'installe uniquement ESLint dans chaque projet et crée une configuration basée sur chaque projet.

La deuxième raison pour laquelle vous ne recevez pas de commentaires est que, pour obtenir les commentaires, vous devez définir vos règles de peluchage dans .eslintrc.json. S'il n'y a pas de règles ou si aucun plugin n'est installé, vous devez les définir. 

4
EJ Mason

Si ESLint est exécuté sur le terminal mais pas dans VSCode, il est probable que l'extension ne détecte pas la bibliothèque ESLint à partir des dossiers des modules de nœuds locaux et globaux.

Pour vérifier, appuyez sur CTRL + MAJ + U en mode VSCode pour accéder au panneau de sortie après avoir ouvert un fichier JS dans votre projet. S'il indique "Échec du chargement de la bibliothèque ESLint pour le document {{NomName}}. Js", il y a un problème pour essayer de détecter le chemin.

Si oui, configurez-le manuellement en configurant "eslint.nodePath" dans les paramètres. Donnez-lui le chemin complet. L'utilisation de variables d'environnement n'est actuellement pas prise en charge. Cette option a été documentée sur la page d’extension ESLint .

18
ParaBolt

J'ai eu le même problème sur Windows, mais parfois Eslint fonctionnait (en vscode), parfois pas Plus tard, j'ai réalisé que cela fonctionnait bien après un moment. Il était lié à ce problème: Le serveur eslint prend environ 3-5 minutes avant d'être disponible

La définition de la variable d'environnement NO_UPDATE_NOTIFIER=1 a résolu le problème.

2
cimak

Si vous utilisez une installation globale d'ESLint, tous les plug-ins utilisés dans votre configuration doivent également être installés de manière globale. Comme pour l’installation locale . Si vous avez installé localement et correctement configuré localement, mais eslint ne fonctionne pas, essayez de redémarrer votre IDE . Cela m’est arrivé avec VScode.

1
Onengiye Richard

Je donne la réponse en supposant que vous avez déjà défini des règles dans la racine de votre projet local avec .eslintrc et .eslintignore . Après l'installation de VSCode Eslint Extension, plusieurs configurations à effectuer dans les paramètres. JSON pour vscode

eslint.enable: true
eslint.nodePath: <directory where your extensions available>

L'installation d'eslint local en tant que dépendance de projet est le dernier ingrédient pour que cela fonctionne. Envisagez de ne pas installer eslint en tant que global, ce qui pourrait entrer en conflit avec votre paquet installé localement.

0
LasithaMD