[JS] net::ERR_ABORTED 404 (Not Found) 에러

문제상황

js파일을 HTML 파일에 import할 때 문제가 생겼다.

이 에러는 정적파일을 불러와야 하는데 파일을 찾을 수 없을 때 발생하는 에러이다. 

GET하는 주소를 자세히 살펴보니 경로가 잘못된 것을 발견할 수 있었다. 

내가 작성한 js파일의 이름은 commentSection.js인데, 위 사진의 주소를 보면 comentSection.js로 오타가 나있는 것을 확인하였다. 

pug 템플릿 파일에서 js파일을 import할 때 넣은 경로를 확인해보니 이부분이 문제였다.

// 실제 파일 경로
script(src="/assets/js/commentSection.js")

// 잘못되어있던 파일 경로
script(src="/assets/js/comentSection.js")

파일 경로를 올바르게 고치니 에러가 해결되었다.