Getting blank index.html when Angular 7 deploy to github

Question

I have deployed Angular website using Github pages. Entire process is successful but when I am opening the website its showing blank page. Its loading index.html page but still its blank. Can you please help me solve the issue.

Here is the link https://s530860.github.io/website/

https://s530860.github.io/website/

Did you build it as ng build --prod command?

Sandun Isuru Niraj
– Sandun Isuru Niraj

2019-04-27 01:42:47 +00:00
Commented Apr 27, 2019 at 1:42 — Sandun Isuru Niraj
– Sandun Isuru Niraj, Commented Apr 27, 2019 at 1:42

Sandun Isuru Niraj · Accepted Answer · 2019-04-27 01:49:23Z

3

If you deploy your website other than the main domain, you need to build it with this type of command.

In your example I can see you have using sub directory url called /website. So run this command.
```
  ng build --prod --output-path docs --base-href /website/
```
When the build is complete, make a copy of docs/index.html and name it docs/404.html.
Then push your docs directory to Github.

It is clearly mentioned in the official docs.

Angular Docs - Deploying Github Pages

answered Apr 27, 2019 at 1:49

Sandun Isuru Niraj

4615 silver badges18 bronze badges

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

Comments

Michael Kang · Accepted Answer · 2019-04-27 03:08:04Z

1

You also need:

--deploy-url /website/

answered Apr 27, 2019 at 3:08

Michael Kang

53k16 gold badges108 silver badges138 bronze badges

Collectives™ on Stack Overflow

Getting blank index.html when Angular 7 deploy to github

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related