Angular deploy on GitHub Pages

Question

I'm trying to deploy an Angular app to GitHub pages but setting the gh-pages branch as the source shows the content of the README file.

I've tried the official way which is:

git checkout -b gh-pages
git push origin gh-pages
npm install -g angular-cli-ghpages
ng build --prod --base-href https://[username].github.io/[repo]/

After I run ngh I get this message in terminal:

User@JoseTurron MINGW64 /i/projekt-zaliczeniowy-cdv (gh-pages)
$ ngh
index.html could not be copied to 404.html. This does not look like an angular-cli project?!
(Hint: are you sure that you have setup the directory correctly?)
Diagnostic info: ENOENT: no such file or directory, stat 'I:\projekt-zaliczeniowy-cdv\dist\index.html'
�‍� Uploading via git, please wait...
� Successfully published via angular-cli-ghpages! Have a nice day!

I'm out of ideas on how to solve this. Thanks for any suggestions!

REPO: https://github.com/JoseTurron/flight-booking-cdv
GITHUB PAGES: https://joseturron.github.io/flight-booking-cdv/

JoseTurron · Accepted Answer · 2020-06-20 09:42:18Z

4

The solution is as follows:

ng add angular-cli-ghpages
ng deploy --base-href=https://[username].github.io/[repo]/ --name=[username] --email=[email]

answered Jun 20, 2020 at 9:42

JoseTurron

2432 gold badges6 silver badges22 bronze badges

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

Comments

President James K. Polk · Accepted Answer · 2025-09-22 16:29:39Z

Here is a step-by-step guide on how to deploy the Angular app to GitHub Pages.

git init -- for initializing git, use cmd/shell and hit Enter
git add . -- add all files in git
git commit -m "first commit" -- message for commit
git remote add origin "Your Remote Repository Url" -- connecting to git repo
git push -u origin master -- pushing to git repo
npm install -g angular-cli-pages -- installing Angular pages for deploying and Angular project on GitHub Pages
ng build --prod --base-href="https://Username.github.io/github-Repo/" -- production build ghpages
Go to the project folder after the above steps are completed. There will be a dist folder, go inside dist\>YOurProjectFolder-\> and move all files one level up.
angular-cli-ghpages -- deploying ghpages
Go to the GitHub repo settings, scroll down, there will be GitHub Pages setting, then link your published repo, click on that, and BOOM, the Angular app is live on ghPages.

Collectives™ on Stack Overflow

Angular deploy on GitHub Pages

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related