konstaui / konsta

Mobile UI components made with Tailwind CSS
https://konstaui.com
MIT License
3.52k stars 131 forks source link

iOS theme don't work in newer vite version 3.1.0 in dev mode #74

Closed ibilux closed 2 years ago

ibilux commented 2 years ago

Check that this is really a bug

Reproduction link

https://stackblitz.com/edit/sveltejs-kit-template-default-yznzfw

Bug description

The iOS theme doesn't apply and won't show correctly in SvelteKit using newer vite version (3.1.0-beta.1 and 3.1.0-beta.2) in dev mode only (when runing npm run dev). But works in build version (npm run preview). When reverting to vite 3.0.9 the iOS theme applies and works perfectly in both dev mode and preview mode.

I guess something changed in newer vite version: https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md

Expected Behavior

iOS theme

Actual Behavior

Material theme

Konsta UI version

v0.11.1 v1.0.0-beta.5

Platform/Target and Browser Versions

Linux/Brave Version 1.42.86 Chromium: 104.0.5112.81 (Official Build) (64-bit)

Validations

Would you like to open a PR for this bug?

JoshuaRileyDev commented 2 years ago

I don't get any styles displaying when running Sveltekit, even with Vite v3.0.9, standard styled Tailwind HTML renders fine

github-actions[bot] commented 2 years ago

Hello @ibilux. Please provide a online reproduction by Stack Blitz or a minimal GitHub repository. You can fork this Stack Blitz to get start. Issues labeled by missing demo will be closed if no activities in 3 days.

ibilux commented 2 years ago

Reproduction link :

https://stackblitz.com/edit/sveltejs-kit-template-default-yznzfw

ibilux commented 2 years ago

The same bug still exist in v1.0.0-beta.5

JoshuaRileyDev commented 2 years ago

I've also got this bug with Vite v3.1.0

ibilux commented 2 years ago

I've also got this bug with Vite v3.1.0

Bug is fixed in vite v3.1.2.