왜 계속 'cr'[예쁜 / 예쁜] 삭제가 표시 되나요?


155

Prettier 1.7.2 및 Eslint 1.7.0과 함께 vscode를 사용하고 있습니다. 모든 개행 후에 나는 다음을 얻습니다.

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

이것은 .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
  }
}

.prettierrc파일 :

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

이 오류를 어떻게 제거 할 수 있습니까?

답변:


317

"endOfLine":"auto".prettierrc 파일 (객체 내부)에서 설정해보십시오.

또는 설정

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

eslintrc 파일의 규칙 객체 내부.

Windows 시스템을 사용하는 경우 endOfLine은 git 구성을 기반으로 "crlf"가 될 수 있습니다.


28
.eslintrc파일 변경은 저에게 효과적이지만 파일은 아닙니다 .prettierrc. 이유 또는 차이점이 무엇인지 알 수 없습니다 (OP의 모든 태그에 익숙하지 않습니다).
네오

3
내 생각 엔 VS 코드에서 Prettier 확장이 필요할 수 있습니다. prettierrc는 해당 시나리오에서만 유효합니다.
Vah Run

3
에서 라인 시퀀스의 끝을 변경 CRLFLF윈도우 머신에, 나를 위해 일한
아누 프

10
저와 같은 초보자에게는 이것이 수행되는 방법입니다. .eslintrc.json루트 디렉토리 ( frontend)에 있는 파일을 엽니 다 . 변경 후 다음과 같이 표시됩니다.{ "extends": ["react-app", "prettier"], "plugins": ["prettier"], "rules": { "prettier/prettier": ["error", { "endOfLine": "auto" }] } }
SimpleGuy

.prettierrc 파일에 추가하면 저에게 효과가 있었고 예, 확장자도 있습니다.
Emmanuel Neni

201

VSCode에서이 설정을 변경하십시오.

여기에 이미지 설명 입력


14
이렇게하면 문제가 해결되지만 CRLF로 다른 소스 파일을 열 때까지만 가능합니다. 위의 답변이 더 효과적입니다.
BobHy 19-06-07

이것은 나를 위해 일했습니다. 구성 파일 편집을 포함한 다른 접근 방식을 시도했지만 어느 것도 작동하지 않았습니다.
Amogh Sarpotdar

39

내 Windows 컴퓨터 에서 현재 프로젝트의 디렉터리에있는 파일의 rules개체에 아래 코드 조각을 추가하여이 문제를 해결했습니다 .eslintrc.js.

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

이것은 내 Mac에서도 작동했습니다.


잘못된 json은 어떻게 작동합니까?
user2541867


3

사이드 역할의 .eslintrc.json 파일에이 코드를 추가하면이 문제가 해결됩니다.

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

  }


2

이 시도. 나를 위해 작동합니다.

실 실행 보풀-수정

또는

npm 실행 lint---fix


1

나는 "prettier": "^ 2.2.0"으로 업그레이드했고 오류가 사라졌습니다.


0

수정 됨-내 .eslintrc.js는 다음과 같습니다.

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

0

루트에서 .editorconfig 파일을 열고 다음을 변경하십시오.

end_of_line = lf

...에

end_of_line = auto

새 파일에 대해 수정해야합니다.


0

이것을 .prettierrc 파일에 추가 하고 VSCODE를 엽니 다.

"endOfLine": "auto"

0

위의 모든 답변은 정확하지만 Windows를 사용하고 Prettier ESLint 확장 기능을 비활성화 rvest.vs-code-prettier-eslint 하면 문제가 해결됩니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.