[solved] Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

바닐라 자바스크립트의 import 관련 오류

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

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

// index.js
import App from "./App"; //<-------- 여기서 발생한 오류
import App from "./App.js"; //<----- 오류 해결

Vanila JS에서는 경로, 확장자를 모두 명시해야한다

: React의 경우 import 할 때, 확장자 .js가 없거나 현재 경로를 표시하는 ./가 없어도 컴포넌트가 잘 불러와진다. 하지만, 바닐라 자바스크립트에서는 생략하는 경우 오류가 발생한다.

(x) import App from "App";
(x) import App from "./App";
(o) import App from "./App.js";