위와 같은 오류는 정적 파일을 불러와야하는데 해당 파일을 찾을 수 없다는 오류이다. 즉 경로에 문제가 생겼다는 의미이다.
<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로 프로젝트를 진행할 경우 반드시 신경 써서 빼먹지 않도록 해야 한다.
목표를 성취하는 개발자가 되겠습니다.
같은 문제로 고민했네요 :)
React 에서는 파일 확장명을 빼줘도 어느 과정에서 읽히는 걸까요🤔🤔