Quasar + Jhipster-vuejs

N4T5U

I need help integrating Quasar Framework with jhipster (Jhipster is a Yeoman-based application generator where you can generate applications that use Spring Boot + Angular / ReactJs / Vuejs). The idea is that I am trying to create a blueprint (the way to extend the functionality of jhipster) so instead of using bootstrap use Quasar along with options like cordova and electron. But first I have to achieve integration with the Vuejs part and that is where I need more help. How can I integrate the new version of quasar into the project structure generated by jhipster-vuejs using typescript?

import {Quasar} from 'quasar'
export function initQuasar(Vue){
  Vue.use(Quasar, { config: {} })
}

When I try to import quasar I get an error

vue.esm.js?a026:5109 Uncaught TypeError: Cannot read property 'install' of undefined
    at Function.Vue.use (vue.esm.js?a026:5109)
    at Module.initQuasar (config.ts?9dcb:57)
    at eval (main.ts?a8db:30)
    at Module../src/main/webapp/app/main.ts (main.bundle.js:9018)
    at __webpack_require__ (main.bundle.js:767)
    at fn (main.bundle.js:130)
    at Object.2 (main.bundle.js:9184)
    at __webpack_require__ (main.bundle.js:767)
    at main.bundle.js:902
    at main.bundle.js:905
Vue.use @ vue.esm.js?a026:5109
initQuasar @ config.ts?9dcb:57
eval @ main.ts?a8db:30
./src/main/webapp/app/main.ts @ main.bundle.js:9018
__webpack_require__ @ main.bundle.js:767
fn @ main.bundle.js:130
2 @ main.bundle.js:9184
__webpack_require__ @ main.bundle.js:767
(anonymous) @ main.bundle.js:902
(anonymous) @ main.bundle.js:905
VM3394 localhost:9060:153 [WDS] Warnings while compiling.
warnings @ VM3394 localhost:9060:153
onmessage @ VM3406 socket.js:40
EventTarget.dispatchEvent @ VM3407 sockjs.js:170
eval @ VM3407 sockjs.js:887
SockJS._transportMessage @ VM3407 sockjs.js:885
EventEmitter.emit @ VM3407 sockjs.js:86
WebSocketTransport.ws.onmessage @ VM3407 sockjs.js:2961
VM3394 localhost:9060:162 ./src/main/webapp/app/shared/config/config.ts 51:12-18
"export 'Quasar' was not found in 'quasar'
warnings @ VM3394 localhost:9060:162
onmessage @ VM3406 socket.js:40
EventTarget.dispatchEvent @ VM3407 sockjs.js:170
eval @ VM3407 sockjs.js:887
SockJS._transportMessage @ VM3407 sockjs.js:885
EventEmitter.emit @ VM3407 sockjs.js:86
WebSocketTransport.ws.onmessage @ VM3407 sockjs.js:2961
client?36af:159 [WDS] Warnings while compiling.
warnings @ client?36af:159
onmessage @ socket.js?e29c:40
EventTarget.dispatchEvent @ sockjs.js?9be2:170
eval @ sockjs.js?9be2:887
SockJS._transportMessage @ sockjs.js?9be2:885
EventEmitter.emit @ sockjs.js?9be2:86
WebSocketTransport.ws.onmessage @ sockjs.js?9be2:2961
client?36af:168 ./src/main/webapp/app/shared/config/config.ts 51:12-18
"export 'Quasar' was not found in 'quasar'

What is the correct way to add quasar to a vuejs project made with typescript

No More Posting New Topics!

Quasar + Jhipster-vuejs