github-markdown-css 404 Not Found 해결 방법(크롬 확장 프로그램 충돌)

문제

Node.js로 express를 사용해서 간단한 웹 서버를 만드는 중에 계속 github-markdown-css 404 Not Found 에러가 발생했다. 이런 경우 프로젝트 어딘가에서 잘못 참조된 github-markdown-css를 찾아야 된다. 하지만 내 코드에는 아무런 참조된 부분이 없었고, express 미들웨어 중 하나인 morgan 미들웨어를 사용해서 서버로 들어온 요청과 응답을 콘솔에 찍어봤다.

---

해결 방법

gihub-markdown-css를 제외하고도 Websummary.vue.map, WebExplain.vue.map 두 가지가 추가로 요청되는 것을 발견했다. 나는 Vue.js를 쓸 줄도 모르고 사용하지 않는데 vue.map이 요청되고 있었다. 하나씩 요청되는 이유를 찾아봤는데 공통으로 나오는 해결책이 프로젝트 내에 참조된 부분을 확인하는 것이 첫 번째였고, 두 번째가 브라우저 확장 프로그램 요청을 하는지 확인하는 방법이었다. 

 

현재 내가 사용하는 브라우저는 크롬이고, NoteGPT와 프롬프트지니, Cool Tooltip Dictionary 14 총 3개의 확장 프로그램을 사용중였다. 하나씩 비활성하면서 새로고침을 해보니 NoteGPT를 비활성하니 더 이상 github-markdown-css 에러가 나지 않았다. NoteGPT에서 github-markdown-css 참조한 스크립트와 스타일시트를 사용 중이여서 에러가 발생한 것이다. NoteGPT는 거의 사용을 안 해서 이게 문제일줄은 몰랐다.

 

다른 분들도 gihub-markdown-css 404 에러가 발생한다면 브라우저 확장 프로그램으로 인해서 에러가 생길 수 있는 것을 알아두면 좋을 것 같다. 나 같은 경우에는 찾아보고 해결하는데 1시간가량 소요됐다. 

 

삽질 그만 ㅠㅠ