linkowanie angular - github pages

Question

Hej, zrobiłem takie prymitywne przewijanie strony wyglądające mniej więcej tak:

 <a href="#main-page" pageScroll [pageScrollDuration]="400" [pageScrollOffset]="0"><div class="nav-item"> Strona główna </div></a>
  <a href="#projects"pageScroll [pageScrollDuration]="400" [pageScrollOffset]="0"><div class="nav-item"> Projekty </div></a>
   <a href="#contact" pageScroll [pageScrollDuration]="400" [pageScrollOffset]="0"><div class="nav-item"> Kontakt </div></a>




#--(w app.component.html)--#
<app-main-page id="main-page"> </app-main-page>
<app-projects-page id="projects"> </app-projects-page>
<app-contact id="contact"></app-contact>

No i generalnie na localhoście to ładnie śmiga. Problem zaczyna się jak próbuje wrzucić projekt na github pages, ponieważ wtedy żadne linki nie działają.

Ciekawe jest też, że jak wyśle komuś linka na messengerze i otworzy to tam (bez użycia przeglądarki) to linki normalnie działają. Ktoś kiedyś spotkał się z takim problemem?