Tap to unmute

Vite React App with Routes Deployed on Github | Reload error resolved!

  Рет қаралды 19,010

EK - developer

EK - developer

Күн бұрын

Пікірлер
@ek-developer
@ek-developer Жыл бұрын
Guide demonstrating the step-by-step process and the codes used in the video within the repository's readme!
@kishan.0296
@kishan.0296 Жыл бұрын
help me, I am getting "unexpected application error 404 not found" when I open my github page after deployment.
@lovelynduru-magnus3233
@lovelynduru-magnus3233 10 ай бұрын
I got white screen and a console error saying loading module from my git page was blocked because of a disallowed MIME type (“text/html”). what should i do?
@kulinterests
@kulinterests 5 ай бұрын
I am getting a white screen
@Skeeteism
@Skeeteism Жыл бұрын
God bless you for this vid, i've been questioning my life all day trying to fix 404 router error Thank you
@ek-developer
@ek-developer Жыл бұрын
I'm glad I could help😃
@aceade
@aceade 11 ай бұрын
This fixed two repos for me this morning. Filing this away for future reference!
@daniellelindblom7753
@daniellelindblom7753 5 ай бұрын
you absolutely saved my bacon with this one! thank you SO MUCH for taking the time to put this together!
@lazyjinchuriki1335
@lazyjinchuriki1335 Жыл бұрын
After an hour of creating and deleting repos. Finally a fix. THANK YOU.
@alephzero7808
@alephzero7808 10 ай бұрын
an hour?! It is nothing!I was strugling 2weeks!
@gabriel-dg2bd
@gabriel-dg2bd Жыл бұрын
Thanks man!!! i saw multiples websites, but only seeing to believe, and your video helped me!!!
@Zratey
@Zratey 5 ай бұрын
If if this tutorial has 1 year and some minor things had changed, tysm for your guide. Thanks to you I could properly persue my project, I'll add a link to your Github guide within my README God bless you mate🙏
@NikAfz
@NikAfz Жыл бұрын
Dear EK , 🙌 Thank you so much for your incredible video! I was stuck on a problem for hours until I found your video. Your explanations were clear, concise, and helped me find the solution I needed. Thank you, thank you, thank you!
@ek-developer
@ek-developer Жыл бұрын
Great! I'm glad I helped you
@nicolasgarin6794
@nicolasgarin6794 10 ай бұрын
I have a question, in my case I have an app that has dynamic url when you acces a specific element which id is at the final url.. how can I make it work if I have to specify each url at the route const declaration? Thank you in advance!
@everyellachannel
@everyellachannel 6 ай бұрын
Many thanks from Russia! It worked!!!
@mukulmayur7507
@mukulmayur7507 4 ай бұрын
Thanks brother for this information.
@CodeingWithManoj
@CodeingWithManoj 8 ай бұрын
best video for vite react app with route deployment thanks bro
@MikiyasGirma-y9d
@MikiyasGirma-y9d 6 ай бұрын
Man you are live saver huge thanks 🥰🥰🥰
@paradise5534
@paradise5534 Жыл бұрын
Why does reloading the page cause a 404 error? I'm not sure if I understand exactly what the 404.html & code snippet you added to index.html do to correct this, could you explain it, if you know?
@ek-developer
@ek-developer Жыл бұрын
It's been a while since I had researched this issue, but the error is something caused by GitHub's SSH. I'll research again to confirm it!
@kumart2025
@kumart2025 8 ай бұрын
my case I'm getting this error: App.tsx:1 Uncaught Error: @vitejs/plugin-react can't detect preamble. Something is wrong
@lau_dicas
@lau_dicas Ай бұрын
Very good, i am from brazil.
@ismailbakhach8990
@ismailbakhach8990 Жыл бұрын
when i publish mine i got white screen with no error in cmd or console so what the problem ?
@ek-developer
@ek-developer Жыл бұрын
Try to fork my repo and compare it with your project.
@messiisthebest
@messiisthebest Жыл бұрын
same issue
@aslanlm
@aslanlm 11 ай бұрын
sometimes you must change the paths of your script and css in your html in the dist folder, just change /assets for assets
@rahulsyt_
@rahulsyt_ 11 ай бұрын
Same happening with me
@thetalkingkeys6731
@thetalkingkeys6731 8 ай бұрын
have u solved this error ??
@matheusasilva1170
@matheusasilva1170 Ай бұрын
I'll try, thanks, But my code is on netlify, do you know if it's the same procedure for netlify and firebase host?
@arg0x-
@arg0x- 9 ай бұрын
Workflow permissions read and write is disabled... I can't seem to enable it
@Noin0y
@Noin0y 11 ай бұрын
Amazing! Thank you. 🔥🔥🔥
@kishan.0296
@kishan.0296 Жыл бұрын
Can anyone help I am getting "unexpected application error 404 not found" when I open my github page after deployment?
@ek-developer
@ek-developer Жыл бұрын
Did you correctly copy the content from the .yml file and configure the actions?
@VirajPrajapati-h1h
@VirajPrajapati-h1h 10 ай бұрын
bro i am using appwrite for backend and i have used client routes of react dom and i have deployed my project using vercel now when i am reloading its going on 404 page of vercel its not reloading my route and i have used your method of changing the html file but its not working . when i realoding using your method its reloading by ~and ~ and keep going . help me through
@DungNguyenTien-ww5xc
@DungNguyenTien-ww5xc 10 ай бұрын
I also have this problem
@AidanDavid-pl6hf
@AidanDavid-pl6hf 8 ай бұрын
I might be too late but try setting the pathSegmentsToKeep variable in the 404.html file to 0 instead of 1.
@AidanDavid-pl6hf
@AidanDavid-pl6hf 8 ай бұрын
If you run into the issue where when reloading the page infinitely tries to reload and the URL keeps adding the text ~and~, try setting the pathSegmentsToKeep variable in the 404.html file to 0.
@joshmejia5513
@joshmejia5513 5 ай бұрын
What is the app you are using to save the code snippets?
@mfaeezshabbir
@mfaeezshabbir Жыл бұрын
I was facing same issue on netlify as well as on vercel, will this work for them too or not?
@AkashYadav-c9e2s
@AkashYadav-c9e2s Жыл бұрын
You are my guardian angel 😇😅
@DungNguyenTien-ww5xc
@DungNguyenTien-ww5xc 10 ай бұрын
Can you guide me to change the domain name? I'm changing the domain name but it's getting an error when reloading the page
@KolyaKovt
@KolyaKovt 11 ай бұрын
Thank you very much!
@rohitsk6793
@rohitsk6793 3 ай бұрын
Helped a lot
@_acky
@_acky Жыл бұрын
hello, I try this on my project but still throws an error "Failed to load resource: the server responded with a status of 404 ".
@Cool_Monster
@Cool_Monster Жыл бұрын
Same error
@muhammadfaryadazim6110
@muhammadfaryadazim6110 8 ай бұрын
same
@jazzi0chhabra
@jazzi0chhabra 3 ай бұрын
amazing and accurate
@QuangNguyen-yi1ro
@QuangNguyen-yi1ro 7 ай бұрын
thank u so much!!! I had been struggling with routing for deploying on Github pages for 2 days.
@pohon592
@pohon592 3 ай бұрын
thanks, this help me a lot
@akshanshkaushal9422
@akshanshkaushal9422 Жыл бұрын
Error: Action failed with "The process '/usr/bin/git' failed with exit code 128"
@namitadas5194
@namitadas5194 Жыл бұрын
I have an ecommerce app only frontend with router and also react router 6.4. I am trying to publish my page to github. I m getting 404 application error. Should i follow this steps?
@d4snky885
@d4snky885 9 ай бұрын
same
@akshanshkaushal9422
@akshanshkaushal9422 Жыл бұрын
no events triggeres defined in "on" in deploy.yml
@damianr4680
@damianr4680 7 ай бұрын
To me, the build calls the scripts "src="/assets", so it doesn't work. "src=./..." should do it, but I have to do it manually, And still,l when I do that, all I have is an empty "" this is driving me insane
@garvitbansal9353
@garvitbansal9353 9 ай бұрын
Bro i am trying this but after i push it and when i go to the github and change the workflow setting and after that what i see that my deployment is failed (means i see a red cross) please help me sir please because their no more videos about this error
@garvitbansal9353
@garvitbansal9353 9 ай бұрын
I got this error message "Deploy Action failed with "The process '/usr/bin/git' failed with exit code 128""
@Marshi1
@Marshi1 7 ай бұрын
Ur a god bro
@richardson6501
@richardson6501 Жыл бұрын
Hero!
@ek-developer
@ek-developer Жыл бұрын
🔥🚀
@blueHike19
@blueHike19 Жыл бұрын
Bro my pages are upto 6 and I have backend
@omnimathic
@omnimathic Жыл бұрын
I forgot to add homepage directory in package json , it is working fine, should I add it?
@danishsk6805
@danishsk6805 Жыл бұрын
If everything is fine don't touch it😂😂😂😂
@omnimathic
@omnimathic Жыл бұрын
😂😂@@danishsk6805
@saarza9991
@saarza9991 Жыл бұрын
​@@danishsk6805legendary quote 😂
@debs8263
@debs8263 Жыл бұрын
nah error in deployment phase
@najmantube
@najmantube Жыл бұрын
Hi - do you have to use typescript for this to work?
@najmantube
@najmantube Жыл бұрын
I'll answer my own question: No, you don't have to use typescript. I changed the file endings (and references to those files) from .tsx to .jsx and all worked. Note: on main.jsx I removed 'as HTMLElement' -- vscode was marking this as typescript only. There is one 'gotcha' in the README, 04. Configuring the routing on App.tsx: The import statement doesn't include 'Link', i.e. import { Outlet } from "react-router-dom"; should be import { Outlet, Link } from "react-router-dom";. I'm not criticising, though. I was tearing my hair out trying to get the routing to work until I came across this EXCELLENT video. Thank you!
@ek-developer
@ek-developer Жыл бұрын
@@najmantube True, I didn't notice that the Link import was missing, I'll fix it! But I'm glad the video helped you.
@najmantube
@najmantube Жыл бұрын
@@ek-developer Extremely helpful! (I've given the repo a star)
@amaan2025
@amaan2025 6 ай бұрын
nah youre the goat
@leonardosarquiz5943
@leonardosarquiz5943 Жыл бұрын
thanks man
@ek-developer
@ek-developer Жыл бұрын
I'm glad it helped you
@dpcandra
@dpcandra 10 ай бұрын
thank you so much
@d4snky885
@d4snky885 9 ай бұрын
not working
@ilpellegrinostefano.7216
@ilpellegrinostefano.7216 10 ай бұрын
thx you bro. !
@rakesh_vlogs
@rakesh_vlogs Жыл бұрын
thanks a lot
@priyasashi3523
@priyasashi3523 Жыл бұрын
Please show how to deploy using windows too.
@ek-developer
@ek-developer Жыл бұрын
But I'm using Windows
@k.lakshmanakumar9562
@k.lakshmanakumar9562 10 ай бұрын
thx buddy
@cb9066
@cb9066 9 ай бұрын
thnx bro
@akshanshkaushal9422
@akshanshkaushal9422 Жыл бұрын
Kindly reply me
@ek-developer
@ek-developer Жыл бұрын
First try to fork my repository and compare it with your project, especially the .yml file. Right after that, check the workflow permissions are selected correctly to be able to activate the gh-pages branch
@akshanshkaushal9422
@akshanshkaushal9422 Жыл бұрын
@@ek-developer it's done.. I simply did it again and it worked
@ek-developer
@ek-developer Жыл бұрын
@@akshanshkaushal9422 Great!
@akshanshkaushal9422
@akshanshkaushal9422 Жыл бұрын
@@ek-developer Thanks for replying!
@akshanshkaushal9422
@akshanshkaushal9422 Жыл бұрын
Permission to Akshanshkaushal/3D_PORTFOLIO.git denied to github-actions[bot].
@sudipsarkar1512
@sudipsarkar1512 3 ай бұрын
Bro, I'm facing, same kind of issue hosting the react app on Vercel , what to do ?
How To Deploy A React Vite App To Github Pages (Simple)
7:39
PedroTech
Рет қаралды 11 М.
Деплой SPA (Vite + React + Router) на GitHub Pages
37:23
Игорь Антонов — про JavaScript и разработку
Рет қаралды 8 М.
黑天使被操控了#short #angel #clown
00:40
Super Beauty team
Рет қаралды 61 МЛН
How to deploy a Vite / React application to GitHub pages
8:11
idlefreak01
Рет қаралды 31 М.
Deploy React Apps with React Router to Github Pages
7:29
Esterling Accime
Рет қаралды 26 М.
How To Dockerize & Deploy VITE REACT App | Step-by-Step Guide
21:30
CodeCraft Academy
Рет қаралды 1,8 М.
So You Think You Know Git - FOSDEM 2024
47:00
GitButler
Рет қаралды 1,3 МЛН
FREE Domain and SSL for Local Network | Nginx Proxy Manager on Docker - #13
16:22
Tech - The Lazy Automator
Рет қаралды 79 М.
Vitest with React Testing Library, Jest-dom & MSW
18:44
Learn from Scratch
Рет қаралды 11 М.
Setting Up the Perfect Developer Environment on Linux for 2025
11:58
Self-Hosting Next.js
45:13
leerob
Рет қаралды 80 М.