Expected linebreaks to be 'LF' but found 'CRLF' linebreak-style'

Vue 프로젝트를 빌드할 때 제목과 같은 개행 문자 오류가 발생하는 경우가 있다.

 

윈도와 UNIX 계열 OS들의 줄 바꿈을 처리하는 방식이 달라서 발생하는 오류이다.

OS에 따라 개행문자는 다음과 같다.

Windows	\r\n
UNIX(Linux 및 Mac OS X 이상)	\n
Classic Mac OS 9 이하	\r

그리고 개행 문자를 원어로 쓰면

CR ( Carriage Return )	현재라인의 커서를 맨 앞으로 옮기는 동작 - \r
LF ( Line Feed )	커서의 위치를 그대로 두고, 한 라인 아래로 내리는 동작 - \n

따라서 윈도우의 경우 CRLF 방식, UNIX의 경우 LF 방식으로 개행 문자를 표현하고 있다.

 

이런 오류가 발생 했을 경우, 아래처럼 .eslintrc.js 파일의 rules에 설정을 추가해주면 해결할 수 있다.

( windows 기준 )

# .eslintrc.js

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