Delete'cr '[prettier / prettier]を取得し続けるのはなぜですか?


152

Prettier1.7.2とEslint1.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,
}

このエラーを取り除くにはどうすればよいですか?

回答:


311

"endOfLine":"auto".prettierrcファイル(オブジェクト内)にを設定してみてください

または設定

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

eslintrcファイルのrulesオブジェクト内。

Windowsマシンを使用している場合、endOfLineはgitconfigに基づいて「crlf」にすることができます。


26
.eslintrcファイルの変更は私にとってはうまくいきましたが、ファイルはうまくいきませんでした.prettierrc。理由や違いが何であるかわかりません(私はOPのすべてのタグに不慣れです)。
ネオ

3
私の推測では、VSCodeでPrettier拡張機能が必要になる可能性があります。prettierrcは、そのシナリオでのみ有効です。
VahRun19年

3
Windowsマシンで、行末シーケンスをからCRLFに変更しましたLF
Anup 2010年

9
私のような初心者にとって、これはそれが行われる方法です。.eslintrc.jsonルートディレクトリでpresentを開きます(frontend)。変更後は次のようになります。{ "extends": ["react-app", "prettier"], "plugins": ["prettier"], "rules": { "prettier/prettier": ["error", { "endOfLine": "auto" }] } }
SimpleGuy20年

.prettierrcファイルへの追加は私のために働きました、そしてはい、私は拡張子も持っています。
エマニュエルネニ

196

VSCodeでこの設定を変更します。

ここに画像の説明を入力してください


14
これで問題は解決しますが、CRLFで他のソースファイルを開くまでです。上記の答えはより効果的です。
BobHy

これは私のために働いた。設定ファイルの編集を含む他のアプローチを試しましたが、どれも機能しませんでした。
AmoghSarpotdar20年

38

私のWindowsマシンでは、現在のプロジェクトのディレクトリにrulesある.eslintrc.jsファイルのオブジェクトに以下のコードスニペットを追加することでこれを解決しました。

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

これは私のMacでも機能しました


5

私はgit + vscode + windows + vueを使用しており、eslintドキュメントを読んだ後:https://eslint.org/docs/rules/linebreak-style

最後にそれを修正します:

追加*.js text eol=lfします.gitattributes

次に実行します vue-cli-service lint --fix


2

サイドロールのファイル.eslintrc.jsonにこのコードを追加すると、この問題が解決します

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

  }

2

これを試して。わたしにはできる:

ヤーンランリント--fix

または

npm run 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"
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.