Pourquoi continue-je à obtenir Delete 'cr' [prettier/prettier]?

Question

Je suis en train d'utiliser vscode avec Prettier 1.7.2 et Eslint 1.7.0. Après chaque saut de ligne j'obtiens :

[eslint] Supprimer 'cr' [prettier/prettier]

Voici le fichier .eslintrc.json :

{
  "extends": ["airbnb", "plugin:prettier/recommended"],
  "env": {
    "jest": true,
    "browser": true
  },
  "rules": {
    "import/no-extraneous-dependencies": "off",
    "import/prefer-default-export": "off",
    "no-confusing-arrow": "off",
    "linebreak-style": "off",
    "arrow-parens": ["error", "as-needed"],
    "comma-dangle": [
      "error",
      {
        "arrays": "always-multiline",
        "objects": "always-multiline",
        "imports": "always-multiline",
        "exports": "always-multiline",
        "functions": "ignore"
      }
    ],
    "no-plusplus": "off"
  },
  "parser": "babel-eslint",
  "plugins": ["react"],
  "globals": {
    "browser": true,
    "$": true,
    "before": true,
    "document": true
  }
}

Le fichier .prettierrc :

{
  "printWidth": 80,
  "tabWidth": 2,
  "semi": true,
  "singleQuote": true,
  "trailingComma": "es5",
  "bracketSpacing": true,
  "jsxBracketSameLine": false,
}

Comment puis-je me débarrasser de cette erreur ?

Answer 1

Essayez de définir "endOfLine":"auto" dans votre fichier .prettierrc (ou .prettierrc.json) (à l'intérieur de l'objet)

Ou définissez

'prettier/prettier': [
  'error',
  {
    'endOfLine': 'auto',
  }
]

à l'intérieur de l'objet des règles du fichier eslintrc.

Si vous utilisez un ordinateur Windows, endOfLine peut être "crlf" en fonction de votre configuration git.

Answer 2

Changez ce paramètre sur VSCode.

Answer 3

Sur mon ordinateur windows, j'ai résolu ce problème en ajoutant le code suivant dans l'objet rules du fichier .eslintrc.js présent dans le répertoire de mon projet actuel.

    "prettier/prettier": [
      "error",
      {
        "endOfLine": "auto"
      },
    ],

Cela a également fonctionné sur mon Mac.

Answer 4

Dans le fichier .eslintrc.json ajouter ce code à l'intérieur des rôles résoudra ce problème

      "rules": {
    "prettier/prettier": ["error",{
      "endOfLine": "auto"}
    ]

  }

Answer 5

Fixé - Mon fichier .eslintrc.js ressemble à ceci :

module.exports = {
  root: true,
  extends: '@react-native-community',
  rules: {'prettier/prettier': ['error', {endOfLine: 'auto'}]},
};