[vue] TypeError: Cannot read properties of null (reading 'isCE') 해결 (vue & vite 사용자)

vue-slider-component 컴포넌트를 쓰는데 갑자기 제목과 같은 에러가 발생했다.

pacakge.json 에도 변화가 없고 업데이트나 설치를 한 것도 없는데 해당 에러가 갑자기 발생해서 당황스러웠다...

이전 branch로 돌려서 테스트 해보았으나 역시나 실패..

몇시간 해메다가 해결책을 찾은건 vue, vite 버젼 업그레이드가 해결책이 였다.

 

"dependencies": {
"vue": "^3.4.21",  // prev: ^3.2.38
...
},
 "devDependencies": {
 ...
"@vitejs/plugin-vue": "^5.0.4",	// prev: ^3.0.3
"@vitejs/plugin-vue-jsx": "^3.1.0", // prev: ^2.0.1
"vite": "^5.1.2", // prev: ^3.0.9
...
}

latest로 npm install을 진행해서 업그레이드 하였더니, 해당 에러가 사라졌다.

vite 업그레이드 시에는 @vitejs/plugin-vue, @vitejs/plugin-vue-jsx도 같이 업그레이드 해주자

그런데 왜 갑자기 발생한 것인지는 아직 의문이다. 

 

참조

https://github.com/NightCatSama/vue-slider-component/issues/691