[에러] 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.

 

📖 목차

 

 

---

 

바닐라 자바스크립트로 SPA를 구현하던 중 기본세팅부터 문제가 발생했다...

 

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할 때 확장자명, 경로 지정을 제대로 입력하지 않아서 발생하는 에러다.

리액트에서는 모듈 import 시 .js, ./를 생략해도 된다. 하지만 순수 자바스크립트에서 import할 때에는 리액트처럼 하면 에러가 발생한다.

💡 해결 방법

경로, 확장자명 등 모든 정보를 생략없이 입력해주면 된다!

❌ import App from './App';

❌ import App from 'App';

⭕️ import App from './App.js';

💡 느낀점

리액트라는 라이브러가 확실히 개발자 편의를 위해 만들어졌구나,,,
다 알아서 해주는거였구나,,,!!!