jquery.min.js:2 Uncaught TypeError: $(...).DataTable is not a function

 

 - 스프링 웹 프로젝트를 하다가 모달창을 띄우는 과정에서 다음과 같은 에러가 났다.

 

구글링을 해보니 jQuery가 두번 선언 되어서 라는데 내 코드의 어디를 찾아봐도 한번만 선언 되어있다.....ㅠㅠ

또한, 부트스트랩 스크립트보다 제이쿼리 스트립트를 먼저 불러와야한다고 한다....

나 그렇게 했는데...?????? 어디가 잘못된 걸까???

따라하는 책이랑 부트스트랩 버전이랑 폴더 구성이 달라서 그런지 알 수가 없다.. 

---

해결 방법

 

https://okky.kr/article/433466 여기 참고후에

OKKY | jsp 회원가입 모달창 띄우기 질문입니다 생초보

header.jsp 파일에 jquery 스크립트 추가 문만있었는데 bootstrap도 넣으니까 됐다 ㅠㅠㅠ

 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

footer.jsp 파일안에 아래와 같이 부트스트랩이 추가 돼있길래 안한건데 버전문제인걸까?

 

아무튼 모달창이 잘 나온 화면이다.