Images are not loading after deploying angular app on github pages

I deployed a test project on github pages using these commands:

ng build --prod --base-href https://<profile_name>.github.io/<repo_name>/
ngh --dir=dist/scrabble


Everything works fine except images (on localhost every image is loading). outputPath in angular.json:

"outputPath": "dist/scrabble/",


assets in angular.json:

"assets": [
"src/favicon.ico",
"src/assets"
],


assets folder with images is located in <project_folder>/src/assets

one example of image tag which works perfectly on localhost but doesn't load on github pages:

<img src="../../../assets/scaledlogo.png" routerLink="/menu" />

Continue reading...