[JavaScript] Uncaught ReferenceError: **** is not defined

웹 개발시 아래와 같은 에러를 자주 접해보았는데, 화면은 잘 나오니까 귀찮아서 놔두다가

같은 문제를 겪는 분이 계실까봐 솔루션을 공유합니다.

 

힌트는 에러 문장 내에 있다!

 

 

일단 위 에러 메시지를 보면 Uncaught ReferenceError: [MENU_1] is not defined 라고 나오는데, 이 문장을 번역하면 "잡히지 않은 참조 오류: MENU_1이 정의되지 않았습니다." 이다. 쉽게 말해 웹 브라우저가 '나 이거 못찾겠어..' 라고 보내는 신호라고 보면 된다.

 

 

해결방안

 

1. 먼저 자바스크립트 소스에서 "MENU_1"이 코드로 정의된 자바스크립트 파일을 찾는다.

2. 현재 보고있는 페이지에서 해당 자바스크립트 파일을 불러오기 위해 <script> 태그를 이용해 js파일을 링크해두었는지 확인한다.

3. js버전이 있는 경우, 버전을 변경해준다.

 

//버전을 명시하지 않은 경우
<script src="./controller/home.js"></script>

//버전을 명시한 경우 
<script src="./controller/home.js?version=20230705"></script>

//JSP 사용시 버전을 실시간으로 반영하는 경우
<script src="./controller/home.js?version=<%= System.currentTimeMillis() %>"></script>