bootstrap3 "Module not found: Error: Can't resolve '@popperjs/core' in" 오류 해결 방법 제목의 글을 설명하기에 앞서 정보전달의 목적도 있지만, 제가 잊지않기 위해서 공부 및 정리하며 쓰는 글이라는 사실을 미리 고지합니다. Bootstrap 설치 및 적용 후 빌드시 발생한 오류 상황 VSCode에 개발 환경이 모두 구축되고 난 후, Bootstrap 추가 설치 및 코드 적용시 Module을 찾을 수 없다는 오류가 발생하는 경우가 있습니다. 저의 경우, 잘 사용하고 있다가 Vuetify 설치 시도 후 취소하니 발생한 오류였습니다. 사용했던 명령어: vue add vuetify 위 사진에 안내되는 오류 메세지를 텍스트로 써보자면 아래와 같습니다. Module not found: Error: Can't resolve '@popperjs/core' in '경로' 해결 방법 다양한 해결 방법이 있겠지.. 2022. 12. 27. 뷰(Vue) 프로젝트에 Bootstrap 설치 후 적용이 안되는 문제 해결 방법 제목의 글을 설명하기에 앞서 정보전달의 목적도 있지만, 제가 잊지않기 위해서 공부 및 정리하며 쓰는 글이라는 사실을 미리 고지합니다. Vue 프로젝트에 Bootstrap 설치 후 스킨이 적용되지 않는 문제 상황 지난 글에서 "Vue 프로젝트에서 Bootstrap 연동하기"라는 글로 Vue 프로젝트에서 Bootstrap을 사용할 수 있도록 설치 및 연동, 마지막으로 테스트하는 작업까지 설명했습니다. 처음부터 깔끔하게 설치 및 정상 동작까지 완벽하게 됬으면 좋았겠지만, 설치 후 Bootstrap의 스킨들이 적용되지 않는 문제가 있었습니다. 콘솔창을 보니 아래와 같이 Warning message도 있더라구요. 원인 제가 생성한 Vue 프로젝트는 Vue3를 기본으로 하는 프로젝트이나 설치한 Bootstrap은 .. 2022. 11. 15. 뷰(Vue) 프로젝트에서 부트스트랩(Bootstrap) 연동하기 제목의 글을 설명하기에 앞서 정보전달의 목적도 있지만, 제가 잊지않기 위해서 공부 및 정리하며 쓰는 글이라는 사실을 미리 고지합니다. Vue.js 개발을 하는 도중, UI에 대해서 제가 신경쓰지 않아도 예쁘게 나왔으면 좋겠더라구요. 다들 많이 사용하는 Bootstrap을 연동하여 사용하기로 결정하였습니다. Bootstrap은 npm에서 설치할 수 있도록 지원한다고 하여 npm 명령어를 통해 설치 및 연동하였습니다. Bootstrap 설치 Bootstrap 설치시 주의해야할 사항이 있습니다. 첫번째, Vue 프로젝트의 최상위 디렉터리에서 작업해야 합니다. 두번째, Vue의 버전에 따라 설치해야할 Bootstrap의 버전도 달라지니 확인 후 설치해야 합니다. 명령어 Vue 3이 아닌 경우: npm insta.. 2022. 11. 14. 이전 1 다음
