Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

ReactJS and TailwindCSS Advice Generator App

@WDWaleed

Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

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

@arberlisaj

Posted

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 helpful

1

@WDWaleed

Posted

@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

@arberlisaj

Posted

@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 :

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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