I created the default Angular app using the CLI like so:

```
ng new ng-test-deploy

```

to test out deploying a dummy app to Github pages. 
I ran through the procedure as defined [here](https://www.npmjs.com/package/angular-cli-ghpages) which, to summarise, does this:

```
ng build --prod --base-href "https://USERNAME.github.io/REPOSITORY_NAME/"
angular-cli-ghpages

```

After doing that I visited the page and receive a blank page. In the console there are multiple errors regarding loading the files:

[![enter image description here](https://i.stack.imgur.com/njdxa.png)](https://i.stack.imgur.com/njdxa.png)

If i check the url of say the `main.bundle.js` I can see that the path is pointing to <https://katana24.github.io/main.3188de4880a80d258168.bundle.js>
whereas I can load it by adding the repo name into the url like so:
<https://katana24.github.io/ng-test-edeploy/main.3188de4880a80d258168.bundle.js> 

Did I mess up a step? 

A previous [questions'](https://stackoverflow.com/questions/32643449/angularjs-app-not-working-on-github-pages) answer suggested removing the `base-href="..."` value but this doesn't make sense to me. So how do I get it to look in the right places?