vue-konva icon indicating copy to clipboard operation
vue-konva copied to clipboard

Vue konva with quasar cli 2

Open LukaszSwierzewski opened this issue 5 months ago • 5 comments

Is integration with Quasar CLI planned? After importing vue-konva into Quasar, I get an error as shown in the picture. Perhaps I'm just setting something wrong, as importing packages works a bit differently in Quasar.

I inject Konva in the boot file as it is in the Quasar documentation (code snippet below), and unfortunately, it doesn't work.

Zrzut ekranu 2024-02-7 o 09 30 49

import VueKonva from 'vue-konva';
import { boot } from 'quasar/wrappers';
export default boot(({ app }) => {
  app.use(VueKonva);
});

LukaszSwierzewski avatar Feb 07 '24 08:02 LukaszSwierzewski

here is reproduction repo: https://github.com/LukaszSwierzewski/konva-quasar

LukaszSwierzewski avatar Feb 07 '24 08:02 LukaszSwierzewski

With quasar + webpack it is working. Any idea how to run this with vite?

LukaszSwierzewski avatar Feb 07 '24 17:02 LukaszSwierzewski

I ran into the same issue and didn't come up with a solution yet. Could you find a solution to this?

This issue only came up when I wanted to update my quasar project from 2.14.2 to 2.15.0 including updating from vue 3.3.9 to 3.4.2

StephanEnseleit avatar Mar 13 '24 10:03 StephanEnseleit

Going back from vue 3.4.x to vue 3.3.x seems to solve my problems. Looking at the package.json file in this repo, it states that vue 3.2 should be used. So i guess updating vue-konva to newer vue versions should be done i guess.

StephanEnseleit avatar Mar 13 '24 12:03 StephanEnseleit

Yes same here, not able to update vue and quasar...

DanOrdant avatar Mar 19 '24 17:03 DanOrdant