Uncaught TypeError: Cannot read properties of undefined (reading 'backdrop') 에러

Uncaught TypeError: Cannot read properties of undefined (reading 'backdrop') 에러

bootstrap v5.2.3.

발생 상황

부트스트랩 모달 사용 중에 Cannot read properties of undefined (reading 'backdrop') 에러가 발생했다.

나의 경우는 모달창을 별도의 페이지로 나눠서 사용 중이였기 때문에 target을 인식하지 못해서 발생하는 것 같다.

 

문제 해결

https://github.com/twbs/bootstrap/issues/37305#issuecomment-1457088096

TypeError Cannot read properties of undefined (reading 'backdrop') - bootstrap v5.2.1 modal · Issue #37305 · twbs/bootstrap

data-bs-toggle="modal" 부분을 지워줘서 해결했다.

이 부분을 지우면 modal이 실행이 안되지만, js에서 따로 show(), hide()로 간단하게 해결 할 수 있다.