1. 오류원인
Spring에서 BootStrap을 사용하여 개발을 하던 중, Uncaught ReferenceError를 맞닥뜨릴 수 있습니다.
그 중 Uncaught ReferenceError: $ is not defined 은 주로 jquery을 참조하지 못했음을 뜻합니다.
2. 오류내용
프로젝트에서 jquery를 사용하여 BootStrap-datepicker를 사용하던 중,
콘솔에 다음과 같은 에러가 뜨면서 datepicker를 사용할 수 없었습니다.
Uncaught ReferenceError: $ is not defined
3. 해결책
0. 애플리케이션을 재부팅합니다.
코드를 수정했으나, 적용되지 않았을 수 있습니다.
다양한 시도를 했으나, 잘못된 점을 찾을 수 없다면 재부팅이 해결해줄 수도 있습니다.
1. jquery의 의존성과 참조 경로를 확인합니다.
프로젝트에 사용한 jquery의 의존성이 적절한지, 참조하고 있는 jquery의 경로가 올바르게 표기되어 있는지 확인합니다.
개발자 모드의 Network 탭에서 jquery가 올바르게 로드되고 있는지 확인할 수 있습니다.
2. HTML 구조 및 스크립트를 확인합니다.
스크립트의 로딩 순서 등의 오류를 확인합니다.
jquery를 사용하여 bootstrap-datepicker 스크립트를 작성했지만,
오류가 발생하는 것을 확인했습니다.
그 이유는, jquery를 로드하기 전에 jquery를 사용했기 때문입니다.
일반적으로 jquery는 bootstrap보다 먼저 로드되어야 합니다.
728x90