Ionic 6 vite build gives blank screen

Ionic Framework Ionic React
1

Hi

Following these steps to create a simple ionic app.

https://dev.to/aaronksaunders/vitejs-ionic-framework-beta-v6-reactjs-and-capacitor-mobile-device-deployment-53e3

  • npm run dev works as expected with both react and ionic

  • vite build with just react before adding the ionic components works as expected (using npx http-server)

  • vite build after adding ionic components displays blank screen with no console errors

This is all in browser, no devices added.

Is this a known issue or perhaps am I missing something obvious?

Any help much appreciated!

2

Do you have an example app that I can try?

3

I have the same problem. Here’s an example repo: GitHub - neorth/vite-ionic-react-typescript

4

do you have android studio installed?

5

I see <tagname> in the DOM instead of <ion-app>. Would you mind opening an issue on Issues · ionic-team/ionic-framework · GitHub? We can look into it a bit more there.

6

Thanks for helping with this question!

7

Spoke with the team and this looks to be related to feat(loader): inject import statements that are statically analyzable by johnjenkins · Pull Request #2959 · ionic-team/stencil · GitHub.

1 Like