404 page not found error while publishing Angular project on Github pages

Question

I'm trying to publish my Angular project https://github.com/KrishnaVeer7712/Reactive-and-Dynamic-Web-Page using Github pages at https://krishnaveer7712.github.io/Reactive-and-Dynamic-Web-Page/ but i'm getting error 404 Page not found. It is working fine when i open my project on localhost.

Steps I've done:

ng build --prod --base-href /Reactive-and-Dynamic-Web-Page/ works fine

gh-pages -d dist (Published)

I don't know where i'm doing wrong , can anyone please tell me what could be the reason.

@MiroslavMaksimovic Thank you for reply but script 'npm run build-and-deploy-gh-pages' not working, getting error : 'npm ERR! missing script: build-and-deploy-gh-pages' — krishna veer
– krishna veer, Commented Aug 31, 2020 at 5:05
You have to put this script inside your package json scripts array: "build-and-deploy-gh-pages": "ng build --prod --base-href ./ && npx ngh --dir dist/[reponame]" or in terminal just run it like this: ng build --prod --base-href ./ && npx ngh --dir dist/[reponame] — Miroslav Maksimovic
– Miroslav Maksimovic, Commented Aug 31, 2020 at 6:59
There is a working repo at the end of the post: github.com/ngQuad/website/blob/develop/package.json — Miroslav Maksimovic
– Miroslav Maksimovic, Commented Aug 31, 2020 at 6:59

Carlos Javier Bellotti · Accepted Answer · 2020-08-30 20:26:57Z

1

maybe you must specify the directory of your build and not the dist directory

gh-pages -d dist/your_application_name

Hope this can help you

answered Aug 30, 2020 at 20:26

Carlos Javier Bellotti

663 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

krishna veer Over a year ago

Thanks for replying but i already tried this too 'gh-pages -d dist/Reactive-and-Dynamic-Web-Page' (Published) but giving same error 404 page not found.

Carlos Javier Bellotti Over a year ago

Hi, a possible solution to your problem is to specify the absolute url ( krishnaveer7712.github.io/Reactive-and-Dynamic-Web-Page in this case) in the base-href parameter when you build your application. For more information see this article, medium.com/tech-insights/…. Hope this can help yout.

Collectives™ on Stack Overflow

404 page not found error while publishing Angular project on Github pages

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related