angular 2 deploy on github

Question

How to deploy angular 2 website application on github? I am new to Git and github so just saw the basics on internet and created a repository on github and finally a url was generated in my git bash after running all steps and when I tried to open it Github 404 error pages was showing.

These are the commands which I ran through :

git remote add origin https://github.com/Muraliduke/MuraliDukeResume.git

git push -u origin master

ng github-pages:deploy

Is there any difficulty for single page application to host a website on github? I tried with normal html content and my website on github works fine. But this with ng2 is not working. Just saw on internet that there must be some prefix to be done to support SPA on github but since I am not familiar with github didn't understand it. So kindly suggest me a solution ?

What tutorial are you following ?

dparkar
– dparkar

2017-06-04 18:11:57 +00:00
Commented Jun 4, 2017 at 18:11 — dparkar
– dparkar, Commented Jun 4, 2017 at 18:11

dparkar · Accepted Answer · 2017-06-05 19:07:21Z

1

There are a few things :

Deploying to GitHub pages using Angular CLI has been deprecated. Use angular-cli-ghpages
Add the 404.html fix
Ensure you have "turned on" GitHub pages for your gh-pages branch from the repository settings
optionally, add custom domain

This blog has everything you need.

answered Jun 5, 2017 at 19:07

dparkar

2,1623 gold badges23 silver badges55 bronze badges

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

Comments

Rahul Singh · Accepted Answer · 2017-08-01 11:55:00Z

Make sure to do a build to get the necessary files into dist .

ng build --prod

First get all relevant the files from the Dist Folder of your application

for me it was the css files in the assets folder main.bundle.js polyfills.bundle.js vendor.bundle.js

Then push this files in the repo which you have created.

1 -- If you want the application to run on the root directory - create a special repo with the name [yourgithubusername].github.io and opush these files in the master branch

2 -- Where as if you want to create these page in the sub directory of in a different brach other than than the root , create a branch gh-pages and push these files in that branch.

In both the cases the way we access these deployed pages will be different .

For the First Case it will be https://[yourgithubusername].github.io and for the second case it will be [yourgithubusername].github.io/[Repo name].

If Suppose you want to deploy it using the second case make sure to change the base url pf the index.html file in the dist as all the route mappings depend on the path you give and it should be set to [/branchname].

Github Repository - https://github.com/rahulrsingh09/Deployment

Collectives™ on Stack Overflow

angular 2 deploy on github

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