मैं डिलीट 'cr' [prettier / prettier] क्यों कर रहा हूँ?


153

मैं प्रेट्रियर 1.7.2 और एस्लिंट 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,
}

मैं इस त्रुटि से कैसे छुटकारा पा सकता हूं?

जवाबों:


314

"endOfLine":"auto"अपने .prettierrc फ़ाइल (ऑब्जेक्ट के अंदर) को सेट करने का प्रयास करें

या सेट किया है

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

eslintrc फ़ाइल के नियम ऑब्जेक्ट के अंदर।

यदि आप विंडोज़ मशीन का उपयोग कर रहे हैं तो ऑफलाइन आपके गिट कॉन्फिगरेशन पर आधारित "क्रेफ़ेल" हो सकता है।


28
.eslintrcफ़ाइल को बदलना मेरे लिए काम करता है, लेकिन .prettierrcफ़ाइल नहीं । पता नहीं क्यों या क्या अंतर है (मैं ओपी पर सभी टैग के लिए नया हूं)।
नियो

3
मेरा अनुमान है कि आपको VS कोड में Prettier एक्सटेंशन की आवश्यकता हो सकती है। Prettierrc केवल उस परिदृश्य में मान्य होगा।
वाह रन

3
मेरे CRLFलिए LFकाम करने के लिए लाइन क्रम के अंत को बदलना , एक विंडोज़ मशीन पर
अनूप

9
मेरे जैसे नौसिखिया के लिए, यह इस तरह से किया जाना है। .eslintrc.jsonअपनी रूट डायरेक्टरी में मौजूद खोलें ( frontend)। परिवर्तनों के बाद यह { "extends": ["react-app", "prettier"], "plugins": ["prettier"], "rules": { "prettier/prettier": ["error", { "endOfLine": "auto" }] } }
निम्नानुसार

.Prettierrc फ़ाइल में जोड़ना मेरे लिए काम करता है और हां मेरे पास इसका विस्तार भी है।
इमैनुएल नेनी

199

VSCode पर इस सेटिंग को बदलें।

यहाँ छवि विवरण दर्ज करें


14
यह समस्या को ठीक करेगा, लेकिन केवल तब तक जब तक आप CRLF के साथ कोई अन्य स्रोत फ़ाइल नहीं खोलते। उपरोक्त उत्तर अधिक प्रभावी है।
BobHy

इसने मेरे लिए काम किया। मैंने कॉन्फिग फाइलों को एडिट करने सहित अन्य तरीकों की कोशिश की, उनमें से किसी ने भी काम नहीं किया।
अमोघ सरपोतदार

39

अपनी विंडोज़ मशीन में, मैंने अपनी वर्तमान परियोजना की निर्देशिका में मौजूद फ़ाइल के rulesऑब्जेक्ट में नीचे दिए गए कोड स्निपेट को जोड़कर इसे हल किया .eslintrc.js

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

यह मेरे मैक पर भी काम किया


कैसे अमान्य json काम कर सकता है?
user2541867


3

फ़ाइल में .eslintrc.json साइड रोल्स में इस कोड को जोड़ने पर यह इस समस्या को हल करेगा

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

  }

2

इसे इस्तेमाल करे। इससे मेरा काम बनता है:

यार्न रन लिंट - उपसर्ग

या

npm रन लिंट - - उपसर्ग


1

मुझे पता है कि यह पुराना है, लेकिन मुझे सिर्फ अपनी टीम (कुछ मैक, कुछ लिनक्स, कुछ विंडोज़, सभी 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/



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"
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.