Deploying Angular App to Github Pages with angular-cli-ghpages?

Question

These steps used to work. First create the repository:

https://github.com/fireflysemantics/help-service-parts

Add the remote for it

git remote add origin [email protected]:fireflysemantics/help-service-parts.git

Add angular-cli-ghpages:

ng add angular-cli-ghpages

And deploy:

ng deploy --base-href=https://help-service-parts.fireflysemantics.com/ --cname=help-service-parts.fireflysemantics.com

After doing this it does create the cname record and I see all the files in the gp-pages branch:

https://github.com/fireflysemantics/help-service-parts

However when looking at the settings the custom domain field is not populated with the cname domain, and it says the site is ready to be published:

Your site is ready to be published at http://fireflysemantics.github.io/help-service-parts/.

But it does not appear at the url:

I have DNS set to resolve it on:

https://help-service-parts.fireflysemantics.com

Also.

Thoughts?

Did you try removing the slash from the url? ng deploy --base-href='https://help-service-parts.fireflysemantics.com' — Ali Wahab
– Ali Wahab, Commented Jan 4, 2020 at 6:16

Johannes Hoppe · Accepted Answer · 2020-03-14 22:48:40Z

2

I'm the author of angular-cli-ghpages. The combined usage of the parameters --cname and --base-href is not expected.

This should work if you do not want to use your own domain:

ng deploy --base-href=/help-service-parts/

And this is what you set when you have your own domain:

ng deploy --cname=help-service-parts.fireflysemantics.com

answered Mar 14, 2020 at 22:48

Johannes Hoppe

2613 silver badges11 bronze badges

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

1 Answer 1