! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

NPM기반으로 WIJMO를 VUE와 함께 사용하고 싶은데 잘 안되네요 > Q&A | 토론

본문 바로가기

VueJS NPM기반으로 WIJMO를 VUE와 함께 사용하고 싶은데 잘 안되네요

페이지 정보

작성자 제이크 작성일 2024-02-15 10:08 조회 46회 댓글 1건
제품 버전 : 최신버전
컨트롤 이름 : WIJMO.GRID

본문

WIJMO를 활용하여 Vue 기반의 웹 어플리케이션을 만들고자 합니다.

그래서 아래 링크를 따라해보고 있는데, 잘 진행되지 않아 질문 드립니다.

https://developer.mescius.com/blogs/build-vuejs-apps-with-wijmo-and-npm/


현재 사용하는 IDE는 VSCODE이고 터미널에서 npm ls -g를 입력하면 아래와 같이 설치된 목록이 확인됩니다.


PS C:\Workspace\demo\my-vue-app-3> npm ls

my-vue-app-3@0.1.0 C:\Workspace\demo\my-vue-app-3

├── @babel/core@7.23.9

├── @babel/eslint-parser@7.23.10

├── @grapecity/wijmo.grid@5.20232.939

├── @grapecity/wijmo.vue2.all@5.20232.939        

├── @vue/cli-plugin-babel@5.0.8

├── @vue/cli-plugin-eslint@5.0.8

├── @vue/cli-service@5.0.8

├── core-js@3.36.0

├── eslint-plugin-vue@8.7.1

├── eslint@7.32.0

├── vue@3.4.19

└── wijmo@5.20232.939


https://developer.mescius.com/blogs/build-vuejs-apps-with-wijmo-and-npm/
위 링크의 마지막 단계까지 따라하고 앱을 실행하면 grid와 chart가 보이지 않습니다.

개발자도구를 확인해보면 아래와 같이 나옵니다.



 

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

제이크님의 댓글

제이크 작성일

해결했습니다! 저와 같이 어려움을 겪는 분들이 있을 것 같아 해결 방법 공유합니다.
사용하고자 하는 module을 해당 vue 파일에 import 하고 components 속성에 추가해줘야 합니다.
아래 링크에서 많은 도움을 받았습니다. :)
https://developer.mescius.com/blogs/how-to-quickly-create-vue-datagrid-in-your-web-application

1 답변

VueJS Re: NPM기반으로 WIJMO를 VUE와 함께 사용하고 싶은데 잘 안되네요

추천0 이 글을 추천하셨습니다 비추천0 채택채택

페이지 정보

작성자 MESCIUS루시 작성일 2024-02-16 08:04 댓글 0건

본문

안녕하세요 메시어스입니다.


문제가 해결되어 다행입니다! 또한 Wijmo의 Vue 3 정식 지원에 대한 내용이 담긴 저희 블로그 글을 참고용으로 공유해 드리니, 많은 도움이 되시길 바랍니다. :)


- Wijmo - Vue 3 정식 지원


감사합니다.

메시어스 드림 

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.