[자바스크립트] Object [object Object] has no method 'dispatchEvent' !!!? 에라이~

이전에 개발완료된 프로젝트의 서비스를 고객사의 자회사에서 copy & paste 한다고해서 추가 프로젝트를 지금 수행중에 있습니다.

 

기존에 레포팅툴을 사용했던 업무 모니터링 시스템을 jsp로 jqGrid를 사용하여 이식중에 있는데요.

 

개발을 하면서 오류를 일단 잠시 접어뒀었는데 어느정도 초기 버전을 구현하고 오류를 잡고자 하였죠.

 

그중에서 가장 걸렸던 오류가... protytype.js라는 녀석에서 발생하는

 

Object [object Object] has no method 'dispatchEvent'

 

와 같은 에러였죠. 도대체 왜 이런 에러가 발생하나 이틀동안 고민에 고민을 한 결과 겨우 원인을 발견했습니다.

 

기존 프로젝트에서 여러 설정들을 해주는 stephenson이란 분이 만든 prototype 자바스크립트 프레임워크를 사용한 것 같은데

 

요 프로토타입에서 제가 활용했던 jQuery의 alias와 별칭이 겹쳐버린거죠... 바로 ' $ ' 요놈이...

 

사용법이랑 성격이 다르기 때문에 에러가 발생했더라구요.

 

그래서 열심히 서칭해보니. $.noConflict(); 란 함수를 활용해서 jQuery의 별칭을 사용안하기로 했습니다.

 

그냥 $를 사용했던 부분을 jQuery로 모두 치환하시던가.. 아니면 서칭해보시면 다른 별칭으로 사용할 수 있는 방법들이 있더라구요.

 

혹시 저랑 같은 문제로 오류에 봉착하신 분이라면 활용하시길 바랍니다.