프론트엔드 구글링에 실패한 오류 해결법 정리 (부제: vscode는 거짓말을 한다)

 

1. Uncaught ReferenceError: __exports__ is not defined

Chrome browser

vscode

오류 시나리오:

vscode 상으로는 웹팩 데브 서버 실행해서 컴파일되고 서버 실행 잘 되는데, 브라우저에서 확인해 보면 자바스크립트 파일 읽는 도중에 __exports__가 undefined라 함

 

해결법:

node_modules 모두 삭제, yarn.lock이나 package.json 비슷한 패키지 정보 모두 삭제 후 재실행. 문제 발생 이유는 모르겠으나 소스 수정하고 머지하는 과정 중에 패키지가 꼬인 게 아닐까 싶음

 

해결하는 데 소요된 시간:

3시간ㅎㅎ

 

 

2. Vscode에서 주석 처리하고 save 하면 주석이 모두 사라짐 (Vue 파일만 해당함)

이 상태에서 save하면 해당 파일 주석 다지워짐

 

오류 시나리오:

git pull 받고 평소처럼 소스 수정하는데, command+s 눌렀더니 저장되면서 동시에 해당 파일의 모든 주석이 지워짐; .ts파일이나 .json 파일 등은 해당이 안 됨.. vue 파일에서 script 태그 안의 코드만 해당됨; //로 시작되는 주석 뿐 아니라 /* eslint-disable */, // @ts-ignore 같은 것도 사라짐

 

해결법:

vscode 재실행, 해결 안 될 시 재부팅 후 vscode 재실행. 그래도 해결이 안 된다면 다시 재부팅 후 vscode 실행

 

해결하는 데 소요된 시간:

4시간ㅎㅎ 너무 이상해서 팀원분들 중에 누군가가 설정 추가한 줄 알고 린트설정이랑 vscode 단축키설정 같은 건 다 뜯어봤는데 아니었음