☰

改行は「LF」であると予想されましたが、「CRLF」改行スタイルが見つかりました 質問する

tag-icon • tag-icon javascript gulp eslint line-endings
改行は「LF」であると予想されましたが、「CRLF」改行スタイルが見つかりました 質問する

gulpプロジェクトでeslintを使用しているときに、次のようなエラーの問題が発生しました。gulp
Expected linebreaks to be 'LF' but found 'CRLF' linebreak-styleの実行にはWindows環境を使用しており、エラーログ全体を以下に示します。

 Kiran (master *) Lesson 4 $ gulp
 Using gulpfile c:\Users\Sai\Desktop\web-build-tools\4\
 gulpfile.js
 Starting 'styles'...
 Finished 'styles' after 17 ms
 Starting 'lint'...
 'lint' errored after 1.14 s
 ESLintError in plugin 'gulp-eslint'
 sage: Expected linebreaks to be 'LF' but found 'CRLF'.
 ails: fileName: c:\Users\Sai\Desktop\web-build-tools\4\js\extra.js



$>Users\Sai\Desktop\web-build-tools\4\js\extra.js
error  Expected linebreaks to be 'LF' but found 'CRLF'  linebreak-style

可能性のあるエラーを示すエラーとしてextra.jsファイルも含めました。

function getWindowHeight() {
    return window.innerHeight;
}

getWindowHeight();

ベストアンサー1

linebreak-style.eslintrc またはソース コードでルールが以下のように設定されているかどうかを確認します。

/*eslint linebreak-style: ["error", "unix"]*/

Windows で作業している場合は、代わりに次のルールを使用することをお勧めします。

/*eslint linebreak-style: ["error", "windows"]*/

参照ドキュメンテーションのlinebreak-style：

多数の人がそれぞれ異なるエディター、VCS アプリケーション、オペレーティング システムを使用して開発する場合、前述のいずれかの方法で異なる行末が書き込まれることがあります (特に、SourceTree の Windows バージョンと Mac バージョンを一緒に使用する場合に発生する可能性があります)。

Windows オペレーティング システムで使用される改行 (新しい行) は、通常、復帰 (CR) の後に改行 (LF) が続くもので、復帰改行 (CRLF) となりますが、Linux および Unix では単純な改行 (LF) が使用されます。対応する制御シーケンスは、"\n"(LF) および"\r\n"(CRLF) です。

これは自動的に修正可能なルールです。--fixコマンド ラインのオプションは、このルールによって報告された問題を自動的に修正します。

CRLFただし、コード内の行末を保持したい場合(Windows で作業している場合など) は、このfixオプションを使用しないでください。

おすすめ記事