Angular 2 – RangeError: Maximum call stack size exceeded

Recently started a project on Angular 2/ASP.NET Core using the “ASP.NET Core + Angular 2 template for Visual Studio” and base application works fine and I started copying my own html component code and started getting error mentioned on the title. I was almost about to give after after

I was almost about to give up after couple of hours, reverted the code and inspected the changes BANG!. It was a silly issue.

I have created the component called <footer> in angular but the html in the footer already had the <footer> (HTML footer). So angular was going on an infinite loop to load the component – and HTML stack gets out of size – make sense now. Renamed the Angular component to <app-footer> problem solved.