Initialize vue plugin Error

[hairyf]

Initialize vue plugin Error

[senritsu]

Heads up for others with this issue, it seems like just using

import { isCustomElement, transformAssetUrls } from "vue3-pixi/compiler" // <-- note the `/compiler` here

does the job.

[pearlphoenix0106]

similar situation

[hairyf]

Can you provide versions such as Vue and pixi.js ? @NONAME00X

[NONAME00X]

Can you provide versions such as Vue and pixi.js ? @NONAME00X
All my dependencies below

"pixi.js": "^7.4.0",
  "screenfull": "^6.0.2",
  "unplugin-auto-import": "^0.17.5",
  "unplugin-vue-components": "^0.26.0",
  "vue": "^3.3.11",
  "vue3-pixi": "^0.9.0"

[pearlphoenix0106]

@hairyf
my current versions:

vue3-pixi: ^0.9.0
pixi.js: ^7.4.0
vue: ^3.3.4
vite: ^4.4.5
node: 20.11.0

If I use vue3-pixi: 0.8.4 and pixi.js: 7.3.2, then yarn dev works fine

[eduard-gonzalez]

I have the same situation with Node 20.11.0 || 18.19.0

"pinia": "^2.1.4",
"pixi.js": "^7.4.0",
"vue": "^3.3.4",
"vue-router": "^4.2.4",
"vue3-pixi": "^0.9.0"

failed to load config from \vite.config.js
error when starting dev server:
ReferenceError: Worker is not defined

[eduard-gonzalez]

@hairyf
See that pixijs/pixijs#10170

pixi.js does not run natively in Node.js, it's browser only. If you need to run in Node.js, you can use this project: https://github.com/pixijs/node

because when you try to compile the npm run dev it does not recognize it

[senritsu]

@hairyf This seems to be a side-effect of how the docs for vue3-pixi import the functions used for vite.config.ts. Apparently too much of pixi is imported in the vite config, vite tries to compile it in node, and it crashes.

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import { isCustomElement, transformAssetUrls } from "vue3-pixi"; // <-- this right here

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue({
      template: {
        compilerOptions: {
          isCustomElement,
        },
        transformAssetUrls,
      },
    }),
  ],
});

Without that import from vue3-pixi the dev server (or build) starts, but with it, the ReferenceError appears.

[hairyf]

@senritsu Thank, I will merge him