[제이쿼리 에러 jQuery Error] Uncaught TypeError: $(...).summernote is not a function / summernote 에러 해결

 

안녕하세요.

디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다.

 

이번 포스팅에서는 html에 summernote를 적용할 때 자주 볼 수 있는

 $(...).summernote is not a function 에러를 해결하는 방법에 대해 공유하겠습니다.

 

이 에러의 발생 이유는 2개입니다.

각각의 이유와 에러 해결 방법을 아래에 적어둘게요!

 

1. jQuery를 2번 import 했을 경우

=> 이미 jQuery를 적용한 상태에서 summernote 홈페이지에 있는 코드를 그대로 복붙 했다가 발생하는 에러.

=> jQuery import한 코드를 하나만 남기고 삭제해 주세요!

 

2. jQuery import한 코드 위에 summernote script 코드 작성한 경우

=> summernote를 jQuery 호출한 코드 아래에 import 해주세요.