Fresh iles project not working with vite@3.1.0

[davidlueder]

• I have read the troubleshooting section before opening an issue.
• 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:

• fix: ensure version query for relative node_modules imports vitejs/vite#10016

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