Comment désactiver l'erreur d'Eslint(prettier/prettier) sur les guillemets simples

Question

J'ai du code react-native. J'ai installé ESLint. Je l'utilise mais il affiche une erreur.

Lorsque j'utilise des apostrophes simples, il me montre une erreur

Remplacez 'react-native' par "react-native" eslint(prettier/prettier)

Et lorsque j'utilise des guillemets doubles, il me montre une autre erreur

Les chaînes de caractères doivent utiliser des apostrophes. eslint(quotes)

Voici la capture d'écran:

Ce que je veux, c'est comment supprimer les messages d'erreur concernant l'utilisation des apostrophes simples? Je préfère utiliser des apostrophes simples à la place des guillemets doubles.

Answer 1

En plus de la réponse de @Barmar, vous pourriez également utiliser une configuration plus jolie sur un fichier .eslintrc.js en utilisant la propriété suivante :

rules: {
    // ...
    'prettier/prettier': ['error', { singleQuote: true }]
  }

Answer 2

Dans votre configuration ESLint, vous voulez :

quotes: [2, "single"]

Dans votre configuration Pretty, vous voulez :

single-quote: true

Vous devriez aussi être cohérent dans votre utilisation des guillemets, donc vous devriez utiliser des guillemets simples dans la deuxième ligne d'import :

import App from './App';