เหตุใดฉันจึงได้รับ Delete 'cr' [สวยกว่า / สวยกว่า] อยู่เรื่อย ๆ

ฉันใช้ vscode กับ Prettier 1.7.2 และ Eslint 1.7.0 หลังจากขึ้นบรรทัดใหม่ทุกครั้งฉันจะได้รับ:

[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 สามารถ "crlf" ตามการกำหนดค่าคอมไพล์ของคุณ

เปลี่ยนการตั้งค่านี้ใน VSCode

ในเครื่อง windows ของฉันฉันแก้ไขสิ่งนี้โดยการเพิ่มข้อมูลโค้ดด้านล่างในrulesobject of .eslintrc.jsfile ที่อยู่ในไดเร็กทอรีโปรเจ็กต์ปัจจุบันของฉัน

    "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 รันผ้าสำลี - --fix

ฉันอัปเกรดเป็น "สวยกว่า": "^ 2.2.0" และข้อผิดพลาดหายไป

คงที่ - .eslintrc.js ของฉันมีลักษณะดังนี้:

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

ในรูทเปิดไฟล์. editorconfig และเปลี่ยน:

end_of_line = lf

ถึง

end_of_line = auto

สิ่งนี้ควรแก้ไขสำหรับไฟล์ใหม่

เพิ่มสิ่งนี้ลงในไฟล์. prettierrcของคุณและเปิดVSCODE

"endOfLine": "auto"

คำตอบทั้งหมดข้างต้นถูกต้อง แต่เมื่อฉันใช้ windows และปิดใช้งานส่วนขยาย Prettier ESLint rvest.vs-code-prettier-eslintปัญหาจะได้รับการแก้ไข