Facing issue for deployment with Angular6

[sahilkatia]

 npm install -g angular-cli-ghpages
$ ng build --prod --base-href https://sahilkatia.github.io/resume/

ngh --dir dist/resume

Even then I am facing error

below is the screen

[fmalcher]

See this comment for further info: #37 (comment). In fact, this has nothing to do with this project or with Angular itself. You need to set the base-href just as a folder path, not with the complete URL.

ng build --prod --base-href=/resume/

[sahilkatia]

I am still facing same issue. Although its running perfect on my local

[JohannesHoppe]

Please run exactly this:

ng build --prod --base-href /resume/
ngh --dir dist/resume

OR this

ng build --prod --base-href https://sahilkatia.github.io/resume/
ngh --dir dist/resume

[fmalcher]

Please take a look at your index.html inside your dist directory. You will find the base href at the top.
At the moment it's set to this which is definitely invalid 😉

[suga0828]

I have a similar problem. I have already uploaded my files and the page is displayed well except for one image. The path of the image is different from the path where the image is saved.

Naturally I get a 404 error:
menu.png: 1 GET https://suga0828.github.io/assets/images/menu.png 404

The image is saved in the route:
https://suga0828.github.io/suga0828/assets/images/menu.png

When I inspect the image I observe the route:

src = "../ assets / images / menu.png"

which is the same as I have in my code but it will only work with:

src = "./ assets / images / menu.png"

I know that the problem is the path that has the img tag, not the path where the image is saved but I can not solve the problem.

Resolve.

You can use the path: src="assets/images/menu.png" in the image tag and its works.