Issue building with Vite 5

[lewiswolf]

Issue building with Vite 5

[yevdyko]

@jamesrweb I can try updating vite in my personal project that uses it to build the app including the react p5 wrapper, and reproduce the issue if possible. I will let you know tomorrow

[lewiswolf]

Thanks for your help everyone

[jamesrweb]

Can you share your vite config for v4.5 and v5?

[lewiswolf]

Sure thing. :)

import react from '@vitejs/plugin-react-swc'
import { defineConfig } from 'vite'
import { compression } from 'vite-plugin-compression2'
import svgr from 'vite-plugin-svgr'

// https://vitejs.dev/config/
export default defineConfig({
	assetsInclude: ['**/*.md'],
	plugins: [
		compression({
			algorithm: 'gzip',
			include: /\.(js|mjs|json|css|svg)$/i,
		}),
		react(),
		svgr(),
	],
})

[RossKlein]

I am having the same issue

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
})

[jamesrweb]

@lewiswolf @RossKlein So you're telling me that v4.x vite works fine but v5.x is broken and you didn't change the config between versions or anything? To be honest I haven't looked into v5.x yet myself and I can only think that since its a major version change, perhaps the react plugin hasn't updated yet OR that v5.x introduced breaking changes causing this. It should "just work". I will be making a release tonight or tomorrow but I doubt that will change anything since the repo changes are internal type changes and dependency updates mostly. What do you guys think?

[ZOASR]

Having mostly the same issue

error during build:
RollupError: Identifier "r" has already been declared

error happens at the same line

at error ([project-root]/node_modules/rollup/dist/es/shared/parseAst.js:337:30)

[jamesrweb]

@jamesrweb I can try updating vite in my personal project that uses it to build the app including the react p5 wrapper, and reproduce the issue if possible. I will let you know tomorrow

Sounds good @yevdyko, thank you 🙏🏻

[RossKlein]

@jamesrweb for me it is acceptable to use 4.5 so I downgraded vite. With no other changes p5 wrapper worked.

[jamesrweb]

@RossKlein @lewiswolf @yevdyko it is definitely a breaking change somewhere from Rollup / Vite. I tested upgrading Vite to v5 for this library and the same issue happens as you get also. I guess it's a "read the docs for your own project" scenario guys!

[RossKlein]

@jamesrweb wait sorry, I don’t understand what you mean. Is this something that you can’t fix?

[jamesrweb]

@jamesrweb wait sorry, I don’t understand what you mean. Is this something that you can’t fix?

Exactly, it's a Vite 5 or Rollup breaking change. Not related to this library.

[yevdyko]

@lewiswolf I tried to upgrade my app to vite version 5 and got the same rollup build error: rollup/rollup#5259

It looks like they fixed it in rollup version 4.5.1, but it still doesn't work for me and it's definitely not related to this react component

[RossKlein]

@yevdyko Use version 4.5.0 it works

[yevdyko]

@RossKlein yeah, I meant that there was an attempt to fix the problem in rollup with version 4.5.1, but the previous vite version as 4.5.0 works, that's true

[yevdyko]

FYI: I had a successful build with these versions:

• @vitejs/plugin-react: 4.2.0
• vite: 5.0.4