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

Program / 글쓴이

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,
}

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

답변

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

또는 설정 

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

eslintrc 파일의 규칙 객체 내부.

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

답변

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

여기에 이미지 설명 입력

답변

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

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

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

답변

나는 git + vscode + windows + vue를 사용하고 있으며 eslint 문서를 읽은 후 https://eslint.org/docs/rules/linebreak-style

마지막으로 다음과 같이 수정하십시오.

추가 *.js text eol=lf로.gitattributes

그런 다음 실행 vue-cli-service lint --fix

답변

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

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

  }

답변

나는 이것이 오래되었다는 것을 알고 있지만 방금 팀에서 문제가 발생했습니다 (일부 Mac, 일부 Linux, 일부 Windows, 모든 vscode).

해결책은 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/

답변

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

실 실행 보풀-수정

또는

npm 실행 lint—fix