エラー対処：error Expected linebreaks to be 'LF' but found 'CRLF'

Last updated at 2020-06-21Posted at 2020-06-21

起こったこと

Windows で、
vue.js の web アプリ (git clone してきた) をローカルで動かしてて
App.vue を編集したら
以下のエラーメッセージが画面いっぱいに出ました。（スクショ撮っておけばよかった）

error Expected linebreaks to be 'LF' but found 'CRLF'

改行コードが違うよってやつです。

それで、以下の対処をしたらエラー消えました。（正しいのかはわかりませんが、実際に消えたので一応記しておきます）

いったん実行を止める
.eslintrc.js の rules ブロックに 'linebreak-style': ['error', 'windows'], を追加、保存
もう一度 npm run serve

.eslintrc.js

module.exports = {
  (略)
  rules: {
    'linebreak-style': ['error', 'windows'],
    (略)
  },
};

Git for Windows が改行コードをよしなにやってくれる機能が起因しているっぽいとお聞きしたので

$  git config --global core.autocrlf input

しておいた