Open wcldyx opened 3 weeks ago
Temporary workaround for tailwind:
Download tailwind.js file from https://cdn.tailwindcss.com and put it in your assets folder, then use the following to load it:
let cfg = dioxus::desktop::Config::new()
.with_custom_head(r#"<script src="/assets/tailwind.js"></script>"#.to_string());
You need to have a separate tailwind process running as Dioxus doesn't run it for you when you do dx serve
npx tailwindcss -i ./src/input.css -o ./assets/tailwind.css --watch
I'm also experiencing the issue on 0.6.0-alpha.2 where hot reloading is not effective on any platform.
I see DEV: Hotreloaded <file>
in the dev logs but there are no changes.
Problem
The latest version of
Tailwind
styles are not working, and hot reloading is not effective.Steps To Reproduce
Steps to reproduce the behavior:
Modifying content or styles shows hot reload information in the console, but the UI does not respond. The UI only updates after pressing the 'R' key to recompile.
Setting the font color to red using Tailwind CSS is not working, and an error message is visible in the console.
Expected behavior I hope that basic features like hot reload during development and Tailwind CSS work properly.
Environment: