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

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ธ.ค. 2024
  • In this video, I address a common error I encountered while trying to open my app using the build feature. I demonstrate the issue and explain how to fix it by modifying the package.json file. By following my instructions, you will be able to successfully run the build and host your app correctly.
    #react
    #react js
    #javascript errors
    #subscribe

ความคิดเห็น • 52

  • @mohammadtalha2002
    @mohammadtalha2002 9 หลายเดือนก่อน +2

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

  • @lolpro5922
    @lolpro5922 11 หลายเดือนก่อน +4

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

  • @iAwaisAnsari
    @iAwaisAnsari 9 หลายเดือนก่อน +1

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

  • @justinlau1918
    @justinlau1918 2 หลายเดือนก่อน

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

  • @ajayx6045
    @ajayx6045 8 หลายเดือนก่อน +1

    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.

  • @ruchirakaluarachchi6707
    @ruchirakaluarachchi6707 10 หลายเดือนก่อน +2

    100% working thanks bro ❤

    • @spider-man150
      @spider-man150 8 หลายเดือนก่อน

      not working in my system

  • @Dp-cu7dl
    @Dp-cu7dl 8 หลายเดือนก่อน +3

    but bro how to deploy in github

  • @virgoshivi
    @virgoshivi 4 หลายเดือนก่อน

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

  • @anupamaherath4983
    @anupamaherath4983 7 หลายเดือนก่อน

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

  • @tnking3962
    @tnking3962 10 หลายเดือนก่อน +2

    Thank you bro

  • @NasirKhan-z7p
    @NasirKhan-z7p ปีที่แล้ว +5

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

    • @Meow-fx1ws
      @Meow-fx1ws 11 หลายเดือนก่อน +1

      Same

    • @ossigen8_Shorts-Video
      @ossigen8_Shorts-Video 9 หลายเดือนก่อน +1

      are you using VITE ?

    • @sakilmahmudmolla
      @sakilmahmudmolla 9 หลายเดือนก่อน

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

    • @zetxs4l
      @zetxs4l 9 หลายเดือนก่อน +1

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

    • @LePhuocVinhB
      @LePhuocVinhB 8 หลายเดือนก่อน

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

  • @disorder4532
    @disorder4532 3 หลายเดือนก่อน

    thanks bro. Really helped me

  • @tirthsondagar1646
    @tirthsondagar1646 5 หลายเดือนก่อน +2

    code with harry hena brother keep learning bro..

  • @shenelanuththara1106
    @shenelanuththara1106 9 หลายเดือนก่อน +1

    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
      @Greque7432 3 หลายเดือนก่อน

      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
    @luxuriousaffirmations3676 11 หลายเดือนก่อน +2

    Thanks bro Working fine now

  • @kredits8683
    @kredits8683 5 หลายเดือนก่อน

    Thank you brother 💕💕😊

  • @gistanefalaha2109
    @gistanefalaha2109 5 หลายเดือนก่อน +2

    What about vite users?

    • @safeyamohamed3854
      @safeyamohamed3854 4 หลายเดือนก่อน

      did you get the solution

    • @Greque7432
      @Greque7432 3 หลายเดือนก่อน +2

      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.

  • @Greque7432
    @Greque7432 3 หลายเดือนก่อน

    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
      @sasankdharmavarapu8796 3 หลายเดือนก่อน

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

    • @abhisheknigam7390
      @abhisheknigam7390 หลายเดือนก่อน

      Thanks a lot brother. It worked❤

  • @pravinkumar.r8981
    @pravinkumar.r8981 ปีที่แล้ว

    Sir image not showing what have to do

  • @snay6817
    @snay6817 3 หลายเดือนก่อน

    thanks bhai

  • @manojkrishna1157
    @manojkrishna1157 หลายเดือนก่อน

    How to get *Open with Live Server* option ?

    • @aryansingh502
      @aryansingh502 หลายเดือนก่อน +1

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

  • @BERKO5
    @BERKO5 7 หลายเดือนก่อน

    thanks bro

  • @VersatileTech-m9e
    @VersatileTech-m9e 4 หลายเดือนก่อน

    nahi hua bhai i tried for still same issue

  • @AtulMaurya-ot9ki
    @AtulMaurya-ot9ki 6 หลายเดือนก่อน

    But routing is not working pls help

    • @Outofmatrix457
      @Outofmatrix457 5 หลายเดือนก่อน

      Remove browserrouter with HashRouter and also import it

  • @jzjzjzbz
    @jzjzjzbz 3 หลายเดือนก่อน

    bro it worked

  • @safeyamohamed3854
    @safeyamohamed3854 4 หลายเดือนก่อน

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

    • @talebkhaddour3927
      @talebkhaddour3927 3 หลายเดือนก่อน

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

    • @safeyamohamed3854
      @safeyamohamed3854 3 หลายเดือนก่อน

      ​@@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
      @safeyamohamed3854 3 หลายเดือนก่อน

      @@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.

  • @spider-man150
    @spider-man150 8 หลายเดือนก่อน

    Not solve

  • @ranasagar699
    @ranasagar699 5 หลายเดือนก่อน

    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🥲

  • @kolavantitejaswi2804
    @kolavantitejaswi2804 2 หลายเดือนก่อน

    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