Vue에서 Kedo UI 툴 라이센스 에러. @progress/kendo-licensing@1.3.0 postinstall

문제

프로젝트에서 사용하는 Kendo vue의 버전을 1.0.0 -> 2.4.0 으로 올리려고 했다.

왜냐하면 Kendo의 Combobox 기능을 vue로 사용하고 싶은데,  1.0.0에서는 kendo-vue-dropdowns 라이브러리에서 ComboBox 기능이 존재하지 않았기 때문이다.

 

2.4.0으로 올리고 npm install을 실행하니 아래와 같이 @progress/kendo-licensing의 설치가 필요하다는 warning이 나왔다.

그래서 package.json의 dependencies에 @progress/kendo-licensing 라이브러리를 추가해줬다.

다시, npm install을 해보니 아래와 같이 에러가 나왔다.

 

라이센스 문제인 거 같아, kendo vue 라이센스 관련해서 해당 홈페이지에서 확인해보았다.

https://www.telerik.com/kendo-vue-ui/components/my-license/#toc-set-license-key-when-using-cdn-scripts/

Kendo UI for Vue License Key - Setup and FAQs

 

Kendo UI 툴은 버전 2.0.0 이상 부터는, commercial license가 필요하다고 한다.

 

kendo-ui-license.txt가 package.json이 있는 Root 폴더에 있어야 한다고 한다. 없으면 환경 변수로 KENDO_UI_LICENSE를 설정해줘야 한다고 한다. kendo-ui-license.txt가 존재하면 설정해줄 필요 없다. 

 

그래서, 다른 프로젝트에 있는 kendo-ui-license.txt를 붙였다. 

다시, npm install을 해보니 이번엔 아래와 같은 에러가 나왔다.

자세히 보면, (INFO) KENDO UI: KENDO_UI_LICENSE enviroment variable not set 이라는 문구가 있는데, 이 문구를 보고서  KENDO_UI_LICENSE 환경 변수를 세팅하려고 하면 안된다.  KENDO_UI_LICENSE 환경 변수가 없으면 kendo-ui-license.txt 를 자동으로 찾아 읽는다. (INFO) KENDO UI: Reading license from "/Users/.../kendo-ui-license.txt" 문구를 보면 자동으로 읽어 오는 것을 확인할 수 있다.

문제 원인

라이센스 문제인 줄 알았으나, 로컬에 설치한 Node 버전의 문제였다.

kendo-licensing에서 jsonwebtoken 기능을 사용하는데, 해당 기능이 node 버전 12이상부터 가능했다.

로컬에 설치한 node 버전은 10이어서, 기능이 돌아가지 않고 에러를 낸 거였다.

 

문제 해결

nvm으로 node 12버전을 설치했다. nvm으로 여러 버전의 node를 설치해 사용하는 방법은 아래 글 참조하면 된다.

https://developer-minji.tistory.com/204

chromedriver 에러 해결, nvm 설치 및 zsh: command not found: nvm 에러 해결

 

nvm 으로 아래와 같이 12버전을 설치 및 사용한 다음에 다시 npm install을 하니  @progress/kendo-licensing 가 에러 없이 설치되었다.

-- node 12버전 설치
nvm install 12

-- node 12버전 사용
nvm use 12

 

nvm install 12로 node 12버전 설치

 

 

nvm use 12로 node 12버전 사용 후, 다시 npm install. License가 성공적으로 설치된 것을 확인할 수 있다.

 

참고 자료

https://www.telerik.com/kendo-vue-ui/components/my-license/#toc-set-license-key-when-using-cdn-scripts/