web-dev-qa-db-fra.com

(ESLint) La définition de la règle 'react / jsx-sort-prop-types' n'a pas été trouvée

Je viens de mettre à jour mon VS 2017 (version 15.8.2). Maintenant, lorsque j'ouvre un fichier .js, je vois une ligne rouge ondulée sur la première ligne du fichier ... voici le message d'avertissement:

La définition de la règle "react/jsx-sort-prop-types" est introuvable

enter image description here

et quand je survole la ligne ondulée:

enter image description here

Je ne sais pas pourquoi soudainement j'obtiens autant d'erreurs .js?

16
Hooman Bahreini

ESLint (qui est un analyseur de code JS) est activé par défaut dans VS 2017 - à partir de version 15.8 :

Prise en charge ESLint: La prise en charge ESLint a été réimplémentée dans cette version. Ainsi, Visual Studio lint maintenant les fichiers JavaScript lors de la modification. ESLint a été mis à jour pour utiliser ESLint 4 par défaut, mais si votre projet dispose d'une installation locale d'ESLint, il utilisera cette version à la place. Vous pouvez facilement désactiver ESLint globalement dans VS en décochant le paramètre "Activer ESLint" dans la boîte de dialogue "Outils/Options" à l'emplacement indiqué ci-dessous.

Si vous souhaitez utiliser la directive de codage ESLint, il vous suffit de réinitialiser le fichier .eslintrc global. Dans VS, allez à:

Outils> Options> Éditeur de texte> JavaScript/TypeScript> Linting

Et cliquez sur le bouton Reset global .eslintrc:

enter image description here

La réinitialisation de .eslintrc corrigera votre fichier de paramètres (il importe le plugin React)

Notez que le plugin par défaut fourni avec VS est plugin react , cela ne signifie pas que vous utilisez react.js, mais cela signifie que vous utilisez les directives de codage React.

Notez également que l'étape ci-dessus importe le plugin React dans le paramètre et configure correctement ESLint, mais vous obtiendrez probablement encore beaucoup d'erreurs de style .js, car vous n'avez probablement pas suivi la directive de codage React ou certaines des bibliothèques .js que vous avez incluses ne suivent pas la directive (les erreurs de peluchage peuvent ne pas apparaître si les fichiers .js ne sont pas ouverts dans VS, ouvrez quelques fichiers .js et recompilez pour obtenir les erreurs de peluchage).

Par exemple, je recevais une erreur de style sur jquery.validate.js. Vous ne voulez probablement pas changer jquery.validate.js code, voir cette question sur la façon de configurer ESLint pour ignorer certains fichiers .js.


Si vous ne souhaitez pas apporter toutes les modifications à votre projet, vous pouvez désactiver ESLint comme indiqué dans l'image ci-dessus.

Si vous souhaitez utiliser un autre plugin, c'est le liste complète des plugins prédéfinis.

21
Hooman Bahreini

Cela signifie simplement que ESLint ne correspond pas à la configuration trouvée sur le fichier .eslintrc.

Cliquez sur le bouton "Réinitialiser global .eslintrc" pour le corriger. Il réinitialisera votre fichier .eslintrc pour correspondre à la configuration jamais requise de l'ESLint installé sur VS.

enter image description here

8
calingasan