Fresh iles project not working with vite@3.1.0

[davidlueder]

• [x] I have read the troubleshooting section before opening an issue.
• [x] I have tried upgrading iles and vite.

Description 📖

Vite v3.1.0 breaks the iles starter

Reproduction 🐞

npm create iles@next
cd iles-app
npm install
npm run dev

Workaround

npm create iles@next
cd iles-app
npm install -D --save-exact vite@3.0.9
npm install
npm run dev

Logs

Uncaught (in promise) Error: Page data not properly injected in app. Are you using it inside an island? at injectFromApp (pageData.js?v=de034eb9:12:15) at usePage (pageData.js?v=de034eb9:42:12) at Module.installDevtools (devtools.js:68:22) at @iles-entry:80:18

Screenshots 📷

Browser console:

[ElMassimo]

Hi David, thanks for reporting!

Seems like in vite@3.1.0, the iles package is duplicated in development, causing a mismatch of Symbol keys for dependency injection:

Looks like iles build still works as expected, I'll investigate for a potential fix.

[ElMassimo]

Fixed in:

• https://github.com/vitejs/vite/pull/10016

For now, create-iles will default to vite@3.0.9 until the next Vite release with the fix.