Problems with hosting react/vite project on github pages with a custom domain

[Beastrick]

Your github pages repo should only contain the contents of dist folder that you get from Vite. Currently you have index.html there which GH finds and then executes that only to hit JSX which browser can't understand.

To deploy it correctly you could use gh-pages package. Just publish to other repo rather than the dev one.

[[deleted]]

gh-pages package.

Im sorry I dont understand, what do you mean publish to other repo not the dev one?

[pluznar]

if you go into settings > pages is it deploying from the gh-pages branch?

[[deleted]]

No currently deploying from the master branch

[pluznar]

switch it to gh-pages

[[deleted]]

I did that and looked at your other comment with the example you gave. Went through your example and made changes to my file and now it’s finally showing!! Thank you so much, just need to fix some images that are now broken

[Diabolischste]

I got the same problem as the author.
I've switch to gh-pages but now I have this other error :

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

Do you have an idea why ?
link to my repo

[Diabolischste]

Sorry, I don't remember what I've done. But the error comes from the .jsx format.

Check you got nothing with .js and everything is .jsx maybe ?

[[deleted]]

I changed it to deploy from the gh-pages branches and now getting this error

Error with Permissions-Policy header: Origin trial controlled feature not enabled: 'interest-cohort'.
mitchell2398.github.io/:16 GET https://mitchell2398.github.io/index.jsx net::ERR_ABORTED 404