Delete `␍` (prettier/prettier) 에러 해결 방법

Delete `␍` (prettier/prettier) 에러 해결 방법

 

 

 

Eslint와 Prettier를 설정한 다음 위 "Delete `␍` (prettier/prettier) " 에러가 생겼다. 처음엔 여러 줄의 에러 도배로 당황했지만 자주 보는 에러의 경우 이제 뭐가 원인인지 알게 된다.

 

 

위의 오류의 경우 prettier의 End of Line(줄바꿈) 오류이다. 코드에는 문제가 없지만 줄바꿈값이 섞여 오류가 나는 것이다.

 

 

해결방법

 

방법 1. 줄 시퀀스를 CRLF → LF로 변경해준다.

 

오른쪽 하단의 CRLF를 클릭라면 위쪽에서 LF와 CRLF를 선택하는 메뉴가 나오는데 LF를 클릭해주면 끝난다.

 

이 경우 모든 파일의 줄 시퀀스가 CRLF이므로 하나하나 변경해줘야 하는 번거로움이 있다.

 

 

방법 2. ESLint에서 End Of Line을 "auto"로 설정해준다.

 

.eslintrc.js 또는 .eslint.json 파일에서 rules에 설정에 다음을 추가 해준다.

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

 

 

 

 

위의 두가지 방법으로 오류는 해결이 된다. 해결이 안된다면 VScode를 재실행 해본다.