개체가 'getClientRects' 속성이나 메서드를 지원하지 않습니다.

object doesn't support getclientrects

 

jquery autocomplete 사용 시 맞닥뜨린 오류입니다.
먼저 getClientRects() 메서드에 대해 잠깐 알아보겠습니다.. 

 

---

 

Element.getClientRects()

클라이언트의 각 CSS 테두리 상자에 대한 경계 사각형 DOMRect을 나타내는 개체 Element interface를 반환합니다.

 

let rectCollection = object.getClientRects();

 

빈 목록이 반환되는 경우 : 

• html <area> element
• display:none인 element
• 자체 렌더링되지 않은 모든 요소들
• css 요소만 있는 빈 테두리 박스. left, top, right, bottom 좌표 값은 활용 가능

 

---

 

오류의 원인은 '빈 목록이 반환되어서'라고 추측해 볼 수 있습니다.

실제 원인 : 낮은 버전의 문제. 제이쿼리 UI 홈페이지 가서 상위 버전인 1.12 버전을 사용했습니다.
이전 사용 버전은 1.11.4 로 1.12.00 이전 버전들이 문제가 생긴다고 합니다. (출처)