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

문제

main.js 파일에 class를 정의해둔 파일을 import 하는 과정에서 문제가 발생했다.

net::ERR_ABORTED 404 (Not Found) 에러 메시지는 다음과 같다.

에러 메시지

참고로 파일의 계층 구조는 다음과 같다. src 폴더 안에 main.js와 mousePointer.js 파일이 들어있으며, mousPointer.js는 class를 정의해둔 파일이다.

파일 계층구조

---

해결

에러 메시지를 자세히 보면 URL에서 src 경로가 두 번 표시된다는 것을 발견할 수 있다.

<문제의 경로>
http://127.0.0.1:5500/src/src/mousePointer.js

<표시 되어야할 경로>
http://127.0.0.1:5500/src/mousePointer.js

 

main.js를 살펴보면 import 하려는 파일의 경로로 src 폴더를 함께 써준 것을 확인할 수 있다.

 

<문제의 코드 in main.js>

import MousePointer from './src/mousePointer.js';

---

코드

<해결 코드 in main.js>

import MousePointer from './mousePointer.js';