ReactJS and TailwindCSS Advice Generator App
Design comparison
Solution retrospective
I'm having trouble deploying my project to GitHub pages. My project shows up just fine on Netlify but on my GitHub pages site for this project, a blank page is shown to me with this error logged into the console: Loading module from “https://wdwaleed.github.io/Advice-Generator-App-Frontend-Mentor/src/main.jsx” was blocked because of a disallowed MIME type (“text/jsx”)
Community feedback
- @arberlisajPosted about 1 year ago
Hi there
- I had the same problem when first started learning react, this problem is caused because of vite bundler. I have a github repo on how to solve this it will only take you a couple of minutes repo link
Marked as helpful1@WDWaleedPosted about 1 year ago@arberLisaj I LOVE YOU! I spent hours on this. I checked everywhere. Did everything I could. I even asked ChatGPT but the problem wasn't solved. Thank you very much for this!
Also, could you please explain all this to me. How did you know that this was the solution to that problem with Vite? Where can I learn about it? Is there any documentation about this? I've deployed 5 Frontend Mentor projects to GitHub and every single time, I face a similar problem that takes me days to figure out.
1@arberlisajPosted about 1 year ago@WDWaleed BROOO i have spent days trying to figure it out how it worked but finally as soon as i found out i created a repo lol
About the solution i read a lot of articles and watched a lot of vids on yt until i found out the right one but i could'nt find an official one so here is a couple of links to the content i checked :
-
dev blog solution i didn't read the whole thing cuz i thought it was trash lmao
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord