Vue.js Bootstrap - Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')

Vue 프로젝트에 Bootstrap 적용을 위해 아래와 같이 BootstrapVue를 적용하고 실행하니 에러가 발생했다.

- 설치 

npm install bootstrap-vue bootstrap

- 에러

단순히 적용만하고 실행만 했는데 무슨 에러가 발생했을까 해서 찾아봤는데 bootstrapVue 문제였다. bootstrapVue는 Vue3는 지원하지 않는다. 

 

- 해결

public/index.html 파일 header에 아래와 같이 bootstrap css와 js를 넣어줬다. https://getbootstrap.com/ 에서 파일 링크는 확인 가능하다.

 

bootstrapVue3라는 패키지가 있어 vue3를 지원한다고 하는데 아직 알파버전으로 당장 적용은 좀 무리가 있을듯 하다.

https://www.npmjs.com/package/bootstrap-vue-3