[VSC] Prettier 작동 안 되서 찾아본 해결 방법(SyntaxError)

갑자기 뜬 prettier 오류..

html도 제대로 잘 못하고 있는 뉴비 그 자체인데 이런 오류 마주하는게 진짜 난감했다.

어제까지 제대로 작동하던 prettier가 왜 고장이 났을까..

이렇게 뭐라고 막 뜨는데 보는것만으로도 어지럽고 자세히 봐도 정확하게 어디에 문제가 있는지도 모르겠고...

인터넷 찾아서 적용해봐도 해결이 안 되서 진짜 공부 그만두고 싶어졌는데 다행히 해결을 했다.

나중에 비슷한 문제가 생겼을 때 빠르게 해결할 수 있도록 기록을 해본다.

 

<첫 번째 해결 방법>

1. Format On Save 체크하기

구글링하면 제일 많이 나오는 해결 방법이다.

Preferences -> Settings  들어가서 Format on Save 검색하면 사진과 같이 나오는데 체크박스에 체크가 안 되어 있으면 체크를 한다.

 

2. Default Formatter 체크하기

Settings에서 Default Formatter를 검색한다. None에 체크가 되어 있으면 prettier-Code formatter로 설정을 바꾼다.

이름이 prettier-code formatter가 아니라 es로 시작하거나 할 수 있는데 어쨌든 prettier를 찾아서 넣으면 되는거 같다.

이렇게 되어 있으면 안됨

prettier를 기본값으로 바꾼다

 

<두 번째 해결방법>

SyntaxError 확인하기: Open tag와 End tag 미입력 오류

결국에는 오류를 찾아냈다.

오류가 난 Prettier를 누르면 이러한 Output이 뜨는데 천천히 읽다가 발견한 SyntaxError

body에 end tag가 없다고 해서 다시 살펴보았더니

지우다 만 table 오픈 태그를 발견했다.

그래서 지우고 prettier를 작동시켰더니 언제 그랬냐는듯이 바로 해결됐다.

개발자의 길은 진짜 멀고도 험난하다.

그래도 이번 기회에 코드 읽는 방법을 조금 배운거 같기도 하고..