У меня проблема, когда я пытаюсь получить доступ к файлу из каталога активов.
Я пытаюсь передать изображение из компонента панели навигации, который находится в файле components/navbar. Изображение находится в папке assets/img.
Browser throws an error http://localhost:4200/assets/img/test.png (404) not found
Я использую angular 5, Angular CLI 1.5 и Node: 6.10.3.
Здесь вы можете увидеть код и структуру проекта. Снимок экрана
navbar.component.html
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" routerLink="/">No Name</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a routerLink="#">Pitanja<span class="sr-only">(current)</span></a></li>
<li><a routerLink="#">Oznake</a></li>
</ul>
<ul class="nav navbar-nav navbar-right" *ngIf="isLoggedIn == true">
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{{user.username}} <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a routerLink="/user/{{user.username}}">My profile</a></li>
<li><a routerLink="#">Settings</a></li>
<li role="separator" class="divider"></li>
<li><a routerLink="#" (click)="logout()">Logout</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right" *ngIf="isLoggedIn == false">
<li><a routerLink="/login">Login</a></li>
<li><a routerLink="/register">Register</a></li>
</ul>
</div>
</div>
</nav>
<img src="assets/img/test.png" />
ng build
и посмотреть в папке dist, чтобы проверить, действительно ли изображение копируется. - person realharry   schedule 23.11.2017ng build --env=prod
и посмотреть, будет ли это иметь значение. Или вы можете переустановить @angular/cli и повторить попытку. Я не видел таких проблем. (Может быть, очень простая вещь...) - person realharry   schedule 23.11.2017