Bug: "Invariant Violation: Sprite texture needs to be typeof `Texture`"

[lukehorvat]

Bug: "Invariant Violation: Sprite texture needs to be typeof `Texture`"

[lunarraid]

I've seen this happen when using webpack. What happens is that the bundler is double-importing both the cjs and module versions of PixiJS when you import pixi.js instead of using the individual modules. You can change this behavior in the config, but it gets complicated. See this issue for further info: pixijs/pixijs#8467

[lukehorvat]

Thanks for sharing @lunarraid.

I actually faced the exact same problem with three.js recently too and decided to solve it by updating my tsconfig in favor of ESM. I can't be bothered with any CJS workaround solutions, so I guess I will do the same for pixi.js.

I'll close this issue then since yours covers it. Cheers.

[Jayatubi]

For someone else encounter this issue with webpack + typescript, try this:

// webpack.config.ts
use: {
  loader: 'ts-loader',
  options: {
    transpileOnly: true,
    compilerOptions: {
      module: 'esnext', // Add this
    },
  },
},

[omar-abdul]

I am running to the same issue, am using vite and i do not need to set the module to 'esnext'. because it is simply there, and i am getting the same error