Troubleshooting Build Error after running npm run build getting blank white screen

[@lolpro5922]

You bro literally solved the error, i was trying it for whole day 😢❤❤❤ thank you so much

[@mohammadtalha2002]

Thanks bro I can,t solve through other method over 5 hours but you give the right solution
Thanks Buddy

[@iAwaisAnsari]

Thanks brooo...It works . Literally I was finding the solution for almost a week

[@ajayx6045]

Bro, i clone my project from github to vscode and when i run the project by npm start , it show blank page (localhost:3000). But when i runs same project on other port (localhost:3001) it runs. Is my problem same to your problem???? I also clone other repositories but they works fine.

[@justinlau1918]

Thanks a lot man. I finally found a tutorial that really helps. Good Job !

[@anupamaherath4983]

very ice tutorial fixed my issue thankyou brother, may god bless you......😍😘

[@Dp-cu7dl]

but bro how to deploy in github

[@ruchirakaluarachchi6707]

100% working thanks bro ❤

[@spider-man150]

not working in my system

[@NasirKhan-z7p]

mycase still not working, " npm start " working
npm run build " White blank Screen "

[@Meow-fx1ws]

Same

[@ossigen8_Shorts-Video]

are you using VITE ?

[@sakilmahmudmolla]

yes, I'm using VITE. still not working@@ossigen8_Shorts-Video

[@zetxs4l]

@@ossigen8_Shorts-Videousing vite it shows blank screen , any solution

[@LePhuocVinhB]

we same. Now, have you found the answer yet?@@zetxs4l

[@gustavoestivalet3453]

Thank you man, very usefull!!

[@ranasagar699]

i have changed the path but still getting this error in staging platform.but production is not going in chunk.
#15 42.51 344.87 KB build/static/js/2.fc43a14a.chunk.js
#15 42.51 13.49 KB build/static/js/main.5bcf156c.chunk.js
#15 42.51 3.41 KB build/static/css/main.ba53bf18.chunk.css
#15 42.51 2.22 KB build/static/css/2.af4a3662.chunk.css
#15 42.51 796 B build/static/js/runtime-main.ed72fef9.js
it is staging deployment logs🥲

[@virgoshivi]

Thank you so much for this video, It worked for me.

[@kredits8683]

Thank you brother 💕💕😊

[@shenelanuththara1106]

i am using vue3 with vite, while build it getting same issue and implement this solution in there. but it did not work,Can you give a solution for that ?

[@Greque7432]

Put this code inside of your `vite.config.js` in `export default defineConfig({})`:
base: './',
// Re-run `npm run build` on your terminal, and this will be fixed. Now you can publish this.

[@Sneaky_Raccoon]

thanks bro. Really helped me

[@tirthsondagar1646]

code with harry hena brother keep learning bro..

[@DaljeetSingh-hu5iq]

he s a guru

[@pravinkumar.r8981]

Sir image not showing what have to do

[@tnking3962]

Thank you bro

[@gistanefalaha2109]

What about vite users?

[@safeyamohamed3854]

did you get the solution

[@Greque7432]

Put this code inside of your `vite.config.js` in `export default defineConfig({})`:
base: './',
// Re-run `npm run build` on your terminal, and this will be fixed. Now you can publish this.

[@luxuriousaffirmations3676]

Thanks bro Working fine now

[@manojkrishna1157]

How to get *Open with Live Server* option ?

[@aryansingh502]

it's an extension, you can get it from the extensions tab in VS Code

[@Greque7432]

Hi devs. If you're using react.js, put this code inside of your `vite.config.js` in `export default defineConfig({})`:
base: './',
/*
Re-run `npm run build` on your terminal, and this will be fixed. Now you can publish this.
`Daljeet Singh`, can you pin my comment? I think that it will help these users that yet having this problem.
*/

[@sasankdharmavarapu8796]

hi i have updated my vite config file i am still facing the same issue

[@abhisheknigam7390]

Thanks a lot brother. It worked❤

[@yokesh17]

Thank you

[@safeyamohamed3854]

thank you, but whey not work with me i use vite

[@talebkhaddour3927]

can you tell me what hapen ? are you solve this probleme?

[@safeyamohamed3854]

​@@talebkhaddour3927
Deploy project to github pages and you use react routing using "BrowserRouter" You will definitely get this error when you reload the page
There is no solution that I have not tried.
The only solution that worked was to use "HashRouter" and base:"/repoName/" in vite.config
Deploy the same project to vercel using "BrowserRouter" with base: "./" added in vite.config.js and don't forget to add vercel.json file, it will work fine.

[@safeyamohamed3854]

@@talebkhaddour3927 Deploy project to github pages and you use react routing using "BrowserRouter" You will definitely get this error when you reload the page
There is no solution that I have not tried.
The only solution that worked was to use "HashRouter" and base:"/repoName/" in vite.config
Deploy the same project to vercel using "BrowserRouter" with base: "./" added in vite.config.js and don't forget to add vercel.json file, it will work fine.

[@kolavantitejaswi2804]

i am deploying my website in firebase here the build folder created but inside it no staic folder created and getting this errorstatic/css/main.8f6e867d.css from Css Minimizer plugin
Error: Unexpected '/'. Escaping special characters with \ may help.plss help me out

[@VersatileTech-m9e]

nahi hua bhai i tried for still same issue

[@AtulMaurya-ot9ki]

But routing is not working pls help

[@Outofmatrix457]

Remove browserrouter with HashRouter and also import it

[@jzjzjzbz]

bro it worked

[@snay6817]

thanks bhai

[@spider-man150]

Not solve

[@BERKO5]

thanks bro