본문 바로가기
어?/FE

[Prettier] 로그는 잘 찍히는데 formatting 왜 안 되지?

by 껐다 켜보셨어요? 2024. 9. 4.

VSC 환경

 

다음 요소를 먼저 체크하자

Ctrl + , 눌러 설정에서

default formatter가 Prettier인지 확인한다.

나는 아예 Workspace 탭의 Editor까지 전부 Prettier로 바꿨다. 

Format On Save 검색하면 나옴

저장을 할 때마다 자동으로 Formatting이 되도록 설정되어 있는지도 확인한다. 

 

그리고 프로젝트에 따로 Prettier 설정 파일이 있을 경우 

이 파일이 prettier 설정 파일

이 파일 위치가 설정 파일 경로로 되어 있는지도 확인한다 

 

위 세 가지가 다 되었는데도?

콘솔의 드롭다운을 통해 Prettier 콘솔도 확인 가능

콘솔에서도?

 

["INFO" - 3:29:04 PM] Detected local configuration (i.e. .prettierrc or .editorconfig), VS Code configuration will not be used
["INFO" - 3:29:04 PM] Prettier Options:
{
  "filepath": "c:\\Users\\Desktop\\특화PJT\\240904clone\\frontend_pjt\\src\\app\\(afterlogin)\\_component\\(SVG_component)\\GoBack.tsx",
  "parser": "typescript",
  "singleQuote": true,
  "semi": true,
  "tabWidth": 2,
  "trailingComma": "all",
  "printWidth": 80
}

 

설정 파일 내용이 그대로 적용된다고는 하는데?

막상 save를 했을 때 적용되지 않고 있다면

Prettier 설정 파일의 설정을 아무거나 바꿔서 저장하고

코드 파일 저장해서 포맷팅 적용해보니(이때 변경한 포맷대로 되는지 확인)

해결됐다. 원인은 단순 오류

껐다 켜는 것도 해결 방법일 수 있긴 한데

나는 껐다 켜도 해결이 안 돼서 ㅜ 설정 파일이 잘 적용되고 있긴 한 건지 위처럼 확인하다가 해결되었다

댓글