Hello. I made a portfolio website using ThreeJS and it doesn’t appear to have any issue on localhost. When I tried to build and deploy it to Netlify yesterday, none of the text content on my website was visible except the text on my loading screen. The panels on which the text was were also completely shrunk down. Everything else works fine and the website is still functional, but there is just no text and I have no clue why. I’d be truly grateful for any and all help, and I’ve added the deploy log in my repository. Thank you.
GitHub Repo link: https://github.com/Derek9132/personalWebsite-3D
Website link: https://dereks-space-portfolio.netlify.app/
I forgot to attach some images that may be helpful. The image shows the local version and what I’d like the deployed version to look like.
@Derek9132 This problem is actually unrelated to Netlify.
You’re working with Vite.
Vite doesn’t do ‘the same thing’ when it does a ‘build’ as it does for ‘development’.
So you should check the output of your npm run build
locally.
Vite has a preview
server to help you with this (see: Vite’s documentation).
This is what I see running your project locally…
npm run dev
npm run build && npm run preview
Run npm run build && npm run preview
to check and debug your build output.
Once you have it working correctly locally, it will also work on Netlify.
1 Like