반응형
새로 프로젝트를 생성했는데 위와 같은 오류가 발생했다. (전에도 비슷한 오류가 발생했었는데 어떻게 해결했는지 기억이 나지 않아서 정리해보려 한다.)
VSCode의 Change End of Line Sequence를 통해 바꿔줄 수도 있다. 하지만 이는 근본적인 해결방법이 아니며, 모든 파일마다 바꿔주기에는 너무 번거롭다.
해결방법
ESLint 설정 부분에서 rules 옵션에 아래 내용을 추가해주면 된다.
.eslintrc.json
{
"rules": {
"prettier/prettier": [
"error",
{
"endOfLine": "auto"
}
]
}
}
이는 prettier 2.0 버전 이상에서 endOfLine 옵션의 default 값이 auto에서 lf로 바뀌었기 때문이라고 한다. auto로 바꿔주면 더이상 기존의 오류가 발생하지 않는다. :-)
LF vs CRLF
개행 문자는 텍스트의 한 줄이 끝남을 표시하는 문자 또는 문자열이다. 개행 문자에는 Line Feed(LF)와 Carriage Return(CR)이 있다.
CR 과 LF 는 타자기 시절 부터 줄바꿈을 위해 사용하던 방식인데 각각의 의미는 다음과 같다.
- LF : 커서를 정지한 상태에서 종이를 한 줄 올리는 동작
- CR : 종이를 움직이지 않고 커서를 맨 앞줄로 이동하는 동작
윈도우는 CRLF로 새 줄을 나타내고 유닉스, 리눅스는 LF로 새 줄을 나타낸다. (macOS에서는 버전 9까지 CR로 새줄을 나타내다가 이후부터 LF를 사용한다고 한다.)
https://noogoonaa.tistory.com/62
반응형
'Trouble Shooting' 카테고리의 다른 글
yarn unknown workspace 오류 해결 (0) | 2023.05.23 |
---|---|
[passport] req#logout requires a callback function 오류 해결 (0) | 2023.02.28 |
[Next.js] Component selectors can only be used in conjunction with @emotion/babel-plugin 해결 (0) | 2023.02.23 |
[Github Actions] the process '/usr/bin/git' failed with exit code 128 해결 (0) | 2023.02.21 |
[Nginx] 페이지 새로고침 시 Page Not Found 오류 해결 (1) | 2023.02.07 |