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

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ธ.ค. 2024

ความคิดเห็น • 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