[Vue] vue-resizable 라이브러리 다운그레이드

OpenLayers를 이용하여 Vue에 왼쪽 사이드바를 작업하던 도중 vue-resizable 패키지가 적용이 안되는것을 확인했다.

관련 내용을 검색해보니 Vue 버전이랑 vue-resizable 특정 버전이 호환이 안된다는것을 알 수 있었고 다운그레이드를 하여 적용시켰다.

 

필자 환경

Vue  - 2.7.14 

vue-resizable - 2.1.7 호환오류  →  2.0.5 다운그레이드

 

다운그레이드 방법

vs코드에서 아래와 같이 기존에 설치된 vue-resizable을 UnInstall 한다 

C:\vue\restaurant-front\restaurant-front>npm uninstall vue-resizable

그 후에 다음과 같이 버전이 명시된 vue-resizable을 설치한다.

C:\vue\restaurant-front\restaurant-front>npm install vue-resizable@2.0.5

 

아래와 같이 정상적으로 작동하는것을 확인할 수 있다.

 

 

FontAweSomeIcon 출력 안될때 아래와 같이 추가

npm i --save @fortawesome/fontawesome-svg-core
npm i @fortawesome/free-solid-svg-icons
npm i --save @fortawesome/vue-fontawesome@latest-2