반응형
💥 console 에러 메시지
Uncaught SyntaxError: Cannot use import statement outside a module
❓에러 발생 이유
브라우저가 해당 script를 ES6 모듈로 인식하지 못해서 발생하는 문제입니다.
✅ 해결 방법
<script> 태그에 type="module"를 추가합니다.
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
이전 코드
<!--<script src="index.js"></script>-->
수정 코드
<script src="index.js" type="module"></script>
</body>
</html>
math.js
let pi = 3.14;
export { pi };
index.js
import { pi } from "./math.js";
console.log(pi);참고로 <script>태그에type="module"를 추가하면 strict-mode가 활성화됩니다.
반응형
'Frontend > JavaScript' 카테고리의 다른 글
| [JS] Promise 동작 방식 : 아주 쉽게 그림으로 정리 (1) | 2024.10.21 |
|---|---|
| [JS] 자바스크립트로 StopWatch(스톱 워치) 만들기 (0) | 2023.10.25 |
댓글