Github pages not displaying my vite.js website #10575
-
Describe the bug
Once i push to my github and then go to the pages feature on github where github generates a link for my web app, the screen is white and i get this error:Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/jsx". Strict MIME type checking is enforced for module scripts per HTML spec. I am running a react app created with Vite.js locally and everything works perfectly when i run npm run dev. It should do the same when github generates a link for my website Reproductionhttps://github.com/claudeMassaad/TENZIES-GAME-REACT-APP Steps to reproduceNo response System InfoSystem:
OS: macOS 10.15.7
CPU: (4) x64 Intel(R) Core(TM) i5-3210M CPU @ 2.50GHz
Memory: 1.42 GB / 8.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 16.17.0 - /usr/local/bin/node
npm: 8.15.0 - /usr/local/bin/npm
Browsers:
Chrome: 106.0.5249.119
Safari: 15.6.1Used Package Managernpm LogsNo response Validations
|
Beta Was this translation helpful? Give feedback.
Replies: 3 comments 7 replies
-
|
I guess you published the source instead of dist. You'll need to run |
Beta Was this translation helpful? Give feedback.
-
|
Thank you so much! it worked! |
Beta Was this translation helpful? Give feedback.
-
|
@claudeMassaad @sapphi-red hi can you explain how to solve this problem, i have same problem in my vite + react app when deploying to github pages. |
Beta Was this translation helpful? Give feedback.
-
|
hi! i have the same problem, i uploaded my dist folder but the bug persist. My web page it's in blank and in the client console throw this error message: Failed to load resource: the server responded with a status of 404 (). I don't know what to do :( |
Beta Was this translation helpful? Give feedback.
-
Please provide the hosting URL for GitHub Pages. |
Beta Was this translation helpful? Give feedback.
-
|
Didn't work. Any other solution |
Beta Was this translation helpful? Give feedback.
-
|
same problem here |
Beta Was this translation helpful? Give feedback.
-
|
If you have the vite.config.js file i found adding what is in the red box in worked. I am also running my site with the solution that sapphi-red posted and have yet to test fate to see if my solution alone will fix it or if it is the combination of both that fixed it. As when i tried just sapphi-red's solution it did not work for me either. |
Beta Was this translation helpful? Give feedback.
-
|
Hi everyone! There's the code and I've tried running build and deploying, also checking the sources on the html, but I just don't get it and I've been stuck with it for a couple weeks now: Failed to load resource: the server responded with a status of 404 () Any help is very much appreciated. |
Beta Was this translation helpful? Give feedback.
-
|
use repo name in src path index.html https://matiashaddad.github.io/trailflix/src/main.jsx - 200 ok |
Beta Was this translation helpful? Give feedback.
I guess you published the source instead of dist. You'll need to run
npm run buildand publish the generateddistdirectory.See https://vitejs.dev/guide/static-deploy.html#github-pages for more details.