net::ERR_ABORTED 404 (Not Found) 에러 해결

프로그래머스 고양이 사진첩 과제를 구현하던 중 위와 같은 에러를 만났다.

먼저 html에 아래와 같이 스크립트를 연결해줬다.

<script src="src/js/index.js" type="module"></script>

export, import를 사용 할 것이기 때문에 type="module"이 필요하다.

index.js

import App from "./App";
new App(document.querySelector(".App"));

import해줄 것이기 때문에 다른 js파일들은 html에 연결해주지 않아도 된다. index.js에서 App을 import 후 querySelector로 앱을 전달해줬는데..! 아래와 같은 에러가 뜬 것이다. App이라는 파일을 찾을 수 없나보다.

net::ERR_ABORTED 404 (Not Found)

난 스크립트 태그의 순서에 문제가 있나 했더니.. 파일 확장자를 붙여주지 않아서 웹이 해당 파일을 읽을 수 없던 거다 ㅎㅎ

import App from "./App.js";

import 시 .js를 꼭 붙여주도록 하쟝