vue bootstrap b-badge b-toast 렌더링 문제

대부분의 원인 :

npm install vue bootstrap bootstrap-vue 만 해서 그렇다!!

 

공식문서를 보면

• PortalVue v2.1 is required by Toasts, v2.1.7 is recommended
• Popper.js v1.16 is required for dropdowns (and components based on dropdown), tooltips, and popovers. v1.16.1 is recommended

까지 모듈을 받아줘야 정상적인 렌더링이 된다

npm i bootstrap@4.5.3

npm install --save portal-vue@2.1.7

npm i @popperjs/core

를 해주면 정상 렌더링이 된다