Backbone is not defined 문제

워드프레스 사이트를 운영하던 중 개발자 도구 콘솔 로그에서 다음과 같은 에러가 나타날 때가 있습니다.

Uncaught ReferenceError: Backbone is not defined
    at notes-common-v2.js?ver=8.4.2-202016:32
    at notes-common-v2.js?ver=8.4.2-202016:158

또는 다음과 같이 나타납니다.

Uncaught ReferenceError: _ is not defined
    at admin-bar-v2.js?ver=8.4.2-202016:2

제 경우는 관리자 또는 사용자로 로그인했을 때 나타나는 것으로 확인되었습니다.

해결 방법

이 문제는 특정 플러그인에서 발생하는 문제일 확률이 높습니다. 사이트 마다 설치된 플러그인이 달라서, 여기서 안내하는 플러그인의 문제가 아니라면(설치되어 있지 않다면) 시도하지 않는 것이 좋습니다.

제 블로그에서 문제가 발생했던 플러그인은 ‘Autooptimize’라는 플러그인입니다. 이름 그대로 css, js 파일을 최적화하여 페이지 로딩을 빠르게 하는 플러그인입니다.

해당 플러그인을 사용할 때 로그인한 상태에서 위와 같은 에러가 발생한다면, 다음 옵션을 변경해야 할 필요가 있습니다.

먼저 워드프레스 관리자 대시보드 메뉴에서 '설정' - 'Autooptimize' 메뉴를 클릭합니다. (플러그인 버전에 따라 메뉴 위치가 다를 수 있습니다.)

이후 JS,CSS & HTML 탭을 클릭합니다. 이후 Misc Options의 ‘Also optimize for logged in editors/administrators?’ 항목을 확인합니다. (플러그인 버전에 따라 탭, 옵션 위치가 다를 수 있습니다.)

위와 같이 해당 옵션을 해제한 후 ‘Save Changes and Empty Cache’ 버튼을 클릭하여 저장하면, Backbone is not defined 오류 메시지가 더 이상 나타나지 않을 것입니다.