Quasar + Jhipster-vuejs



  • 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


Log in to reply