자바스크립트 net::ERR_ABORTED 404 (Not Found) 에러 해결 방법

위와 같은 오류는 정적 파일을 불러와야하는데 해당 파일을 찾을 수 없다는 오류이다. 즉 경로에 문제가 생겼다는 의미이다.

  <body>
    <div id="app"></div>
    <script src="./src/index.js" type="module"></script>
  </body>
import { App } from "./app";

render(App, document.querySelector("#app"));

다른 파일을 불러오는 모든 경로를 제대로 입력을 해줘야 해결이 된다.

하지만, 나의 경우 경로를 제대로 설정해줬음에도 같은 오류가 계속해서 발생했다. 오랜 고민 끝에 원인을 발견하게 되었다.

import { App } from "./app.js";

render(App, document.querySelector("#app"));

파일명에 .js가 없어서 오류가 발생한 것이다.

리액트로 프로젝트를 진행할 당시에는 파일 확장명(.js)을 생략해도 문제없이 실행되었지만, vanilla javascript로 프로젝트를 진행할 경우 반드시 신경 써서 빼먹지 않도록 해야 한다.

가능한 한 간단하게 2진법을 출력하다
[git] amend 되돌리기

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage