Tại sao tôi tiếp tục nhận được Xóa 'cr' [đẹp hơn / đẹp hơn]?

128

Tôi đang sử dụng vscode với Prettier 1.7.2 và Eslint 1.7.0. Sau mỗi dòng mới tôi nhận được:

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

Đây là .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
  }
}

Các .prettierrctập tin:

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

Làm cách nào để loại bỏ lỗi này?

— bier hier
nguồn

266

Thử đặt "endOfLine":"auto"tệp .prettierrc của bạn (bên trong đối tượng)

Hoặc đặt

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

bên trong đối tượng quy tắc của tệp eslintrc.

Nếu bạn đang sử dụng máy windows, endOfLine có thể là "crlf" dựa trên cấu hình git của bạn.

— Vah Run
nguồn

18

Thay đổi .eslintrctệp đã làm việc cho tôi, nhưng không hiệu quả với .prettierrctệp. Không biết tại sao hoặc sự khác biệt là gì (tôi là người mới đối với tất cả các thẻ trên OP).

— Neo

3

Tôi đoán là bạn có thể cần phần mở rộng Prettier trong Mã VS. Pretierrc sẽ chỉ hợp lệ trong trường hợp đó.

— Vah Run

2

thay đổi trình tự cuối dòng từ CRLFthành phù LFhợp với tôi, trên máy tính chạy windows

— Anup

4

Đối với một người mới như tôi, đây là cách nó được thực hiện. Mở .eslintrc.jsonhiện tại trong thư mục gốc của bạn ( frontend). Sau khi thay đổi, nó sẽ trông như sau:

{   "extends": ["react-app", "prettier"],   "plugins": ["prettier"],   "rules": {     "prettier/prettier": ["error", { "endOfLine": "auto" }]   } }

— SimpleGuy

Thêm vào tệp .prettierrc đã làm việc cho tôi và vâng, tôi cũng có phần mở rộng.

— Emmanuel Neni

177

thay đổi cài đặt này trên VSCode.

— xudong zhang
nguồn

11

Điều này sẽ khắc phục sự cố, nhưng chỉ cho đến khi bạn mở một số tệp nguồn khác bằng CRLF. Câu trả lời trên là hiệu quả hơn.

— BobHy

omg ... điều này đã cứu tôi sau một năm thất vọng ...

— redshift

Điều này đã làm việc cho tôi. Tôi đã thử các cách tiếp cận khác bao gồm chỉnh sửa các tệp cấu hình, không có cách nào trong số chúng hoạt động.

— Amogh Sarpotdar

29

Trong máy tính windows của tôi, tôi đã giải quyết vấn đề này bằng cách thêm đoạn mã bên dưới vào rulesđối tượng .eslintrc.jstệp có trong thư mục dự án hiện tại của tôi.

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

Điều này cũng hoạt động trên máy Mac của tôi

— Jake
nguồn

2

Tôi thêm mã khối này. Tôi đã làm việc trong cửa sổ cho tôi.

— Tien Nguyen

Tuyệt quá! Điều này làm việc cho tôi trên cả windows và mac

— Kaveen Hyacinth

5

Tôi đang sử dụng git + vscode + windows + vue và sau khi đọc tài liệu eslint: https://eslint.org/docs/rules/linebreak-style

Cuối cùng hãy khắc phục bằng cách:

thêm *.js text eol=lfvào.gitattributes

sau đó chạy vue-cli-service lint --fix

— Waket Zheng
nguồn

0

Tôi biết điều này đã cũ nhưng tôi vừa gặp phải sự cố trong nhóm của mình (một số mac, một số linux, một số cửa sổ, tất cả vscode).

giải pháp là đặt dòng kết thúc trong cài đặt của vscode:

.vscode/settings.json

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

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

— Radu Luncasu
nguồn