웹 서비스

워드프레스 Backbone is not defined 해결 방법

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 오류 메시지가 더 이상 나타나지 않을 것입니다.

JooTC

안녕하세요. 테크놀로지에 관심이 많은 블로거입니다.

Recent Posts

[iOS] Xcode ‘You do not have required contracts to perform an operation’ 해결

Xcode에서 iOS 애플리케이션을 빌드(Archive)하고 App Store Connect에 앱을 업로드하는 도중, 아래와 같은 에러가 발생하면서 더…

2주 ago

[안드로이드] INSTALL_FAILED_INSUFFICIENT_STORAGE 해결

INSTALL_FAILED_INSUFFICIENT_STORAGE 문제 안드로이드 스튜디오에서 에뮬레이터를 실행하고 개발중인 애플리케이션을 실행하려 하면 로그 창에 아래와 같이 표시되면서…

6개월 ago

Zalgo 텍스트와 이를 방지하는 방법

인터넷 커뮤니티 사이트에서 게시글이나 댓글에 간혹 장난을 목적으로 작성된 특이한 글자를 볼 수 있습니다. 위…

8개월 ago

리눅스 kill, killall 명령어 – 특정 프로세스 종료하기

리눅스 명령어 - kill, killall 리눅스 kill 명령어는 특정 프로세스를 종료해주는 명령어입니다. 백그라운드에서 실행되고 있는…

8개월 ago

JavaScript typeof null이 ‘object’인 이유

JavaScript는 역사가 긴 스크립트 프로그래밍 언어입니다. 세월이 흐르면서 많은 자바스크립트 표준이 만들어졌고, 현재는 많은 문법적…

8개월 ago

Mocha Error: Resolution method is overspecified. 해결 방법

NodeJS 테스트 프레임워크인 Mocha는 비동기 테스트를 지원합니다. 간혹 특정 테스트 스크립트를 작성하고 실행하면 아래와 같이…

8개월 ago