EventEmitter3 Default Export Error in Browser Environment with PixiJS

[WRXinYue]

Description:

When using PixiJS in a browser environment, it attempts to import eventemitter3 via require. This causes the following error at runtime:

Uncaught (in promise) SyntaxError: The requested module '/@fs/home/wrxinyue/projects/valaxy-theme-sakura/node_modules/.pnpm/[email protected]/node_modules/eventemitter3/index.js?v=c765f9a9' does not provide an export named 'default' (at index.mjs?v=c765f9a9:3:10)

Solution:

To resolve this issue, include the necessary dependencies using optimizeDeps.include in your Vite configuration to ensure the dependencies are pre-optimized during development. Example:

import { defineValaxyConfig } from 'valaxy'

export default defineValaxyConfig({
  vite: {
    optimizeDeps: {
      include: ['@pixi/utils'],
    },
  },
})

Related Issues:

• Requested module does not provide export named 'default' in vite primus/eventemitter3#261
• Bug: bump version of eventemitter3 to 5 in @pixi/utils pixijs/pixijs#9349