최근 프로젝트를 진행하면서 문제가 발생했습니다.
상위 페이지는 하위 페이지를 가져오고, 하위 페이지는 jQuery.js 파일을 가져오며, 상위 페이지 JS는 jQuery.js에 의존합니다. 문제는 항상 JS 개체가 유효하지 않다는 메시지를 표시한다는 것입니다. jQuery 로딩 순서가 가장 빠른 것은 아닌 것 같습니다.
상위 페이지:
하위 페이지:
여기서부터 jQuery.js가 가장 초기인데 왜 다른 js에서는 속성이 유효하지 않다는 메시지를 표시합니까?
나중에 IE11의 F12 도구를 사용하여 JS의 로딩 순서를 확인해보니 jQuery가 먼저 로드된 것을 발견했습니다. 그런데 페이지가 로드된 후 갑자기 jQuery를 다시 로드하라는 요청이 있었습니다.
이유는 다음 코드에 있습니다.
jQuery.js가 xxx.jsp에 다시 로드됩니다. 이 문장에 댓글을 달고 나면 정상이 될 것입니다.
이 문제는 오랫동안 저를 답답하게 했습니다. 다른 분들의 편의를 위해 녹음하겠습니다.
방법을 찾은 후 해결 방법은 매우 간단합니다. 문제를 문의하는 방법을 공유하는 동시에 같은 문제를 겪고 있는 친구들이 참고할 수도 있습니다.