React Site Showing on Netlify but Not on GitHub Pages

Question

I uploaded my React site to GitHub under the repo jschlte.github.io it displays a blank page with the error of "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". But on Netlify the site loads up just fine.

GitHub Pages: https://jschlte.github.io/
Netlify: https://jschlte.netlify.app/

My package.json

My vite.config.js file

My main.jsx file

Jet2405 · Accepted Answer · 2023-09-18 16:50:59Z

1

This github page only host static website. If you develop your web based on Reactjs, you need to translate your codes to pure html/css/js by using tool like webpack. In your case, you only need to npm run build and deploy again to your github repo. Then everything will work.

answered Sep 18, 2023 at 16:50

Jet2405

112 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Site Showing on Netlify but Not on GitHub Pages

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related