[Error/JS] 자바스크립트 관련 기초 에러 정리

 

 

팀 프로젝트를 진행하며 view 관련 에러 중 반복되는 에러를 기록해 대응 시간을 줄이고자 정리했다.

 

 

Uncaught ReferenceError: $ is not defined / $ is not a function

Jquery CDN이 누락되어 Jquery 명령어를 인식할 수 없다는 에러문구이다. Jquery CDN을 추가하면 해결된다.

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

 

 

Uncaught ReferenceError: Swal is not defined

스위트 알랏을 사용하는데 스위트 알랏에 대한 CDN이 누락되어 해당 명령어를 찾을 수 없다는 문구이다.

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.32/dist/sweetalert2.all.min.js"></script>

 

 

Uncaught TypeError : Cannot read properties of null (reading 'value')

null에서 속성 값을 불러오지 못한다는 것으로 해당 태그를 선택하는 선택자가 잘못 되었다.

 

해당 js의 해당 줄의 선택 함수를 살펴보는 것이 좋다. id라면 id값이 일치하는지, 존재하는지, class라면 class가 존재하는지, 이름이 맞는지를 살펴야하며 살필 때 value 속성이 있는 태그인지도 확인하는 것이 좋다.

 

Uncaught TypeError : ooo is not a function

제대로된 명령어라면 CDN 누락이고, 이 경우 오탈자 때문에 발생했다. getElementBy'I'd 가 올바른 명령어이다. 오탈자 확인!

 

 

 

+별도

수정사항 미반영

 

해결했는데도 반영되지 않을 때는 캐시 문제이다. 캐시를 지우거나 크롬을 썼다면 엣지로, 엣지를 썼다면 크롬으로 교차 확인을 해보는 것이 좋다.

 

admin페이지 aside바 미동작

Kaiadmin JS 누락으로 태그 추가, 태그 교체가 필요하다.

<script src="${path}/resources/assets/js/kaiadmin.js"></script>