[Error] VSCode Extension , Sass 에러 해결하기

문제

HTML, CSS할 때까지만해도 아무 문제없던 Extension들이 Sass를 하면서 갑자기 동작하지 않았다.

 

캡처해둔 에러는 이것뿐이지만 open.live.server~~~ 이러면서 emmet도 안되고 open live server도 안되는 상황이었다. 자동완성이 안되니 태그 하나하나를 일일히 써야했다. 

 

해결 방법 

1. 정확한 문제 파악하기

- 다른 폴더에서는 잘 됐었기때문에 특정 폴더에서만 생긴 문제라는걸 알았다. 

그래서 폴더 별로 옮기면서 어느쪽에 문제가 있는지 찾았고 Sass폴더가 문제였다는걸 발견했다.

 

2.  extension 변경 

- 기존에 사용했던 extension 삭제하고 다른 extension 설치하기

출처 : https://velog.io/@cjkim/33-%EC%98%A4%EB%8A%98%EC%9D%98-Error

다른 블로그에서 캡처한걸 보고 소리쳤다,,, 읽자마자 이게 내 문제를 해결해줄 답인 것 같다는 직감이 왔고

역시나 해결됐다😭 

 

 

extension에서 내가 기존에 설치했던 건 Ritwick Dey가 만든 Live Sass Compiler였다.

지우고 Glenn Marks의 컴파일러를 설치하고 재실행했더니 해결됐다.