Dlaczego wciąż otrzymuję komunikat Usuń „cr” [ładniejszy / ładniejszy]?

Używam vscode z Prettier 1.7.2 i Eslint 1.7.0. Po każdej nowej linii otrzymuję:

[eslint] Delete 'cr' [prettier/prettier]

To jest plik .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
  }
}

.prettierrcPliku:

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

Jak mogę pozbyć się tego błędu?

Spróbuj ustawić "endOfLine":"auto"w swoim pliku .prettierrc (wewnątrz obiektu)

Albo ustawić

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

wewnątrz obiektu rules w pliku eslintrc.

Jeśli używasz komputera z systemem Windows, endOfLine może być "crlf" w oparciu o konfigurację git.

zmień to ustawienie w VSCode.

Na moim komputerze z systemem Windows rozwiązałem to, dodając poniższy fragment kodu w rulesobiekcie .eslintrc.jspliku obecnym w katalogu mojego bieżącego projektu.

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

To działało również na moim Macu

Używam git + vscode + windows + vue, a po przeczytaniu dokumentu eslint: https://eslint.org/docs/rules/linebreak-style

Na koniec napraw to przez:

dodać *.js text eol=lfdo.gitattributes

następnie uruchomić vue-cli-service lint --fix

w pliku .eslintrc.json w rolach bocznych dodaj ten kod, rozwiąże ten problem

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

  }

Wiem, że to jest stare, ale właśnie napotkałem problem w moim zespole (niektóre komputery Mac, niektóre systemy Linux, niektóre okna, wszystkie vscode).

rozwiązaniem było ustawienie końcówki linii w ustawieniach vscode:

.vscode/settings.json

{
    "files.eol": "\n",
}

https://qvault.io/2020/06/18/how-to-get-consistent-line-breaks-in-vs-code-lf-vs-crlf/

Spróbuj tego. Mi to pasuje:

włóczka run lint --fix

lub

npm run lint - --fix

Zaktualizowałem do „ładniejszej”: „^ 2.2.0” i błąd zniknął

Naprawiono - Mój plik .eslintrc.js wygląda tak:

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

W katalogu głównym otwórz plik .editorconfig i zmień:

end_of_line = lf

do

end_of_line = auto

To powinno rozwiązać problem w przypadku nowych plików.

Dodaj to do swojego pliku .prettierrc i otwórz plik VSCODE

"endOfLine": "auto"

Wszystkie powyższe odpowiedzi są poprawne, ale kiedy używam systemu Windows i wyłączam rozszerzenie Prettier ESLint, rvest.vs-code-prettier-eslint problem zostanie rozwiązany.