반응형
🚨 크롬 console 에러 메시지
Uncaught SyntaxError: Cannot use import statement outside a module
❓에러 발생 이유
브라우저가 해당 script를 ES6 모듈로 인식하지 못해서 발생하는 문제입니다.
✅ 해결 방법
브라우저가 해당 script를 ES6 모듈로 인식할 수 있게 <script>태그에 type="module"를 추가합니다.
아래 소스 코드를 참고해 주세요.
참고: <script>태그에 type="module"를 추가하면 strict-mode가 활성화됩니다.
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);반응형
'Frontend > JavaScript' 카테고리의 다른 글
| [JS] Promise 동작 방식 : 아주 쉽게 그림으로 정리 (1) | 2024.10.21 |
|---|---|
| [JS] JavaScript 스톱 워치 (+코드) (0) | 2023.10.25 |
댓글