[ React ] Linebreak-style 에러 처리

---

 

React 프로젝트 빌드 시 Expected linebreaks to be 'LF' but found 'CRLF' 에러가 발생할 경우 처리 방법 2가지!

Windows와 Mac 환경에서 번갈아가며 작업하는 등의 경우 간헐적으로 발생하는 에러로 Windows의 경우 캐리지 리턴(CR) 이후에 줄바꿈(LF)을 사용하여 CRLF가 되는 반면, Linux의 경우 단순 줄 바꿈(LF)의 형태를 사용하기에 나타나는 문제입니다.

 

 

 

 

1. 소스 코드 내에 직접 규칙을 작성하는 방법

 

   - Windows PC의 경우

 

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

 

   - Unix의 경우

 

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

 

2. .eslintrc.js 파일에 규칙 직접 추가하는 방법

 

...

rules: 
	{
      'linebreak-style': 0,
    }
    
...

 

위의 방법 중 어느 것을 선택하든 쉽게 오류를 처리할 수 있습니다. 다만 컴포넌트의 갯수가 많은 경우 일일이 소스코드 내에 규칙을 작성해주는 것보다, 2번의 방법이 훨씬 편리할 것입니다.