[vue.js] The template requires child element 에러해결, Bootstrap 사용과정

vue 프로젝트를 만들고 필요없는 컴포넌트들을 삭제했는데

"The template requires child element (vue/valid-template-root) - template에 자식 요소가 필요합니다."라는 에러가 발생했다.

template에는 반드시 하나 이상의 HTML 태그가 있어야 한다.

bootstrap 사이트에서 코드를 복붙하는 방식은 js를 다른 서버에서 불러오는 과정이어서 느릴 가능성이 있기에 npm에서 다운받아 부트스트랩을 사용하는 방식을 선택했다.

npm install bootstrap@5 (5버전 설치시)
또는
npm install bootstrap@4 jquery popper.js (4버전 설치시)

그 후 main.js에 아래 코드를 추가한다.

import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'