Blank page when deploying a react app to github pages and vite
When i try to deploy my react app to github pages with the package gh-pages, the result page is blank.result page
The page I am trying to deploy is here: LINK I don't know if it matters but I am currently using the free domain given to me by GitHub: www.elvas.me
I tried following the react official docs: Link, but it didn't work for me... Perhaps it's because I am using vite and not create-react-app?
*Edit*
Found out that the site is trying to get the .js and the .css from the wrong place.
I just don't know what I am doing wrong...
Ok, so to solve this the only thing that I had to do was to add base:"{repName}" to the vite.config.ts file.
Source: https://vitejs.dev/guide/static-deploy.html
The images were not loading, I used this to fix them: Github pages vite JS build not showing the images
- Testing custom hook: Invariant Violation: could not find react-redux context value; please ensure the component is wrapped in a <Provider>
- Stuck with the installation of React.js
- Run of a next js app stuck, npm run dev doesn't work
- antd drawer disable shadow
- Remix useSubmit arbitrary data
- Using OnChange, how to change values inside an <ArrayInput> <SimpleFormIterator><ReferenceInput> in React-Admin
- Allow typescript arg of Partial type to contain none of the optional fields
- Reading an environment variable in react which was set by docker
- How can I use variables in useEffect without having them in a dependency?
- How to use different .env files with nextjs?
- How can I achieve inferred type on callback value based on property of the same object?
- How to reassign value of color manually with 'react-color-palette'?
- TypeScript "No overload matches this call"
- How do I mock a function in react-modal using Vitest?
- Redux Toolkit useMutation hook data sharing between multiple component
- React Native: Clerk authentication Error: Not a valid base64 encoded string length
- How can I set a cookie in react?
- Redux state array won't restart to its initial values
- Pass data from server action to server component
- Why eslint consider JSX or some react @types undefined, since upgrade typescript-eslint/parser to version 4.0.0
- why do i get the Error Module not found: Can't resolve 'redux'
- bootstrap & navbar collapse don't work react (create-react-app)
- Infinite loop in useEffect
- Metamask not returning "code 4001 User rejected the request." when closing login popup in Chrome, but works in Edge
- React Loader Spinner color not change
- Fetching Next.js API Route in the app directory gives 404 Not Found
- Expo App Stuck on Splash Screen, No Errors
- Styling popover/tooltip in mui graphs
- React stale useState value in closure - how to fix?
- Is it possible to break word in space in AG Grid Wrap text