VSCode 내에서 eslint, prettier 설정을 하다 보면 다음과 같은 오류가 발생하곤 한다.
위 오류는 windows에서 발생하는 오류로, prettier의 기본 라인 개행 방식(lf)이 windows의 개행 방식(crlf)과 다르기 때문에 발생한다.
해결 방법은 eslint 설정에서 prettier의 개행 방식을 auto로 변경하면 된다.
package.json에 eslintConfig가 위치한 경우
"eslintConfig": {
...
"rules": { // eslintConfig - rules에 다음과 같이 추가
"prettier/prettier": [
"error",
{
"endOfLine": "auto"
}
]
}
},
별도의 .eslintrc 파일이 있는 경우
{
...
"rules": { // rules에 다음과 같이 추가
"prettier/prettier": [
"error",
{
"endOfLine": "auto"
}
]
}
}
설정 파일을 건드릴 수 없는 경우라면 폴더 내의 모든 개행 문자를 일괄적으로 변경하는 방법도 있다.
VSCode에서 개행 문자 일괄 변경
왼쪽 search 메뉴(ctrl + shift + f)에서 다음과 같이 Use Regular Expression 옵션을 활성화한 후, crlf(\r\n) 기호를 lf(\n)로 변경하면 된다.
이 방법은 프로젝트 내의 모든 파일의 내용을 변경하는 것이므로, 개인 프로젝트의 경우에만 사용하도록 하자.
