Obrazy się nie wyświetlają

Cześć,

Mam problem z wyświetlaniem obrazów w Angularze, a mianowicie w pliku html danego komponentu deklaruję obraz w ten sposób (podany poniżej). I na stronie pojawia się tylko mały kwadracik zamiast całego obrazu, w jaki sposób można to naprawić? Dodam jeszcze, że jeśli ustawię ten obraz na tło strony to później po wycofaniu tego obraz wyświetla się prawidłowo, niestety po ponownym uruchomieniu aplikacji problem wraca.

<img src="nazwaobrazu">

Dodam jeszcze, że lokalizacja pliku jest w tym samym katalogu i jest poprawna.

Dlaczego nie należy zamieszczać kodu w postaci obrazków

Pokaż ten "mały kwadracik".

Schadoow napisał(a):

Pokaż ten "mały kwadracik".

https://www.easypaste.org/file/i73nzKqA/Zrzut.PNG?lang=pl

martynam napisał(a):

Schadoow napisał(a):

Pokaż ten "mały kwadracik".

https://www.easypaste.org/file/i73nzKqA/Zrzut.PNG?lang=pl

Prawdopodobnie podałeś niepoprawną ścieżkę, albo ścieżkę do pliku który nie istnieje.

Angular sam z siebie nie serwuje plików tak o, więc to, że jest w tym folderze to nic nie znaczy. Zobacz jaka ścieżka się ładuje, kiedy ustawiasz ten obrazek w CSS i zrób tak samo (albo lepiej znajdź dyrektywę, która sama podstawi prawidłową ścieżkę).

To tak najprościej będzie jak wrzucisz sobie plik do katalogu assets i będziesz podawał sciezke do pliku w tym katalogu bo zazwyczaj jak generowałes z cli masz dodane w angular.json.
Albo skonfiguruj https://angular.io/guide/workspace-config#assets-configuration

A jak już wyzej wspomnianio ten obrazek oznacza ze nie ma pliku jak wyswietlisz sobie network w konsoli deweloperskiej przegladarki to bedziesz widzał na czerwono.

Schadoow napisał(a):

To tak najprościej będzie jak wrzucisz sobie plik do katalogu assets i będziesz podawał sciezke do pliku w tym katalogu bo zazwyczaj jak generowałes z cli masz dodane w angular.json.
Albo skonfiguruj https://angular.io/guide/workspace-config#assets-configuration

A jak już wyzej wspomnianio ten obrazek oznacza ze nie ma pliku jak wyswietlisz sobie network w konsoli deweloperskiej przegladarki to bedziesz widzał na czerwono.

Czyli te zdjęcia, które chcę, żeby były na stronie muszą znaleźć się w folderze assets?

martynam napisał(a):

Schadoow napisał(a):

To tak najprościej będzie jak wrzucisz sobie plik do katalogu assets i będziesz podawał sciezke do pliku w tym katalogu bo zazwyczaj jak generowałes z cli masz dodane w angular.json.
Albo skonfiguruj https://angular.io/guide/workspace-config#assets-configuration

A jak już wyzej wspomnianio ten obrazek oznacza ze nie ma pliku jak wyswietlisz sobie network w konsoli deweloperskiej przegladarki to bedziesz widzał na czerwono.

Czyli te zdjęcia, które chcę, żeby były na stronie muszą znaleźć się w folderze assets?

Musisz w taki lub inny sposób jest zaserwować. W jaki sposób uruchamiasz produkcyjną wersję aplikacji?

TomRiddle napisał(a):

martynam napisał(a):

Schadoow napisał(a):

To tak najprościej będzie jak wrzucisz sobie plik do katalogu assets i będziesz podawał sciezke do pliku w tym katalogu bo zazwyczaj jak generowałes z cli masz dodane w angular.json.
Albo skonfiguruj https://angular.io/guide/workspace-config#assets-configuration

A jak już wyzej wspomnianio ten obrazek oznacza ze nie ma pliku jak wyswietlisz sobie network w konsoli deweloperskiej przegladarki to bedziesz widzał na czerwono.

Czyli te zdjęcia, które chcę, żeby były na stronie muszą znaleźć się w folderze assets?

Musisz w taki lub inny sposób jest zaserwować. W jaki sposób uruchamiasz produkcyjną wersję aplikacji?

Poleceniem ng serve

martynam napisał(a):

Poleceniem ng serve

To po uruchomieniu spróbuj otworzyć ten obrazek w przeglądarce, np localhost:8080/obrazki/file.jpg i zobacz czy go widzisz.

TomRiddle napisał(a):

martynam napisał(a):

Poleceniem ng serve

To po uruchomieniu spróbuj otworzyć ten obrazek w przeglądarce, np localhost:8080/obrazki/file.jpg i zobacz czy go widzisz.

Zrobiłam tak i nie widzę go.

martynam napisał(a):

TomRiddle napisał(a):

martynam napisał(a):

Poleceniem ng serve

To po uruchomieniu spróbuj otworzyć ten obrazek w przeglądarce, np localhost:8080/obrazki/file.jpg i zobacz czy go widzisz.

Zrobiłam tak i nie widzę go.

A czy Twój obraz znajduje się w folderze assets/?

TomRiddle napisał(a):

martynam napisał(a):

TomRiddle napisał(a):

martynam napisał(a):

Poleceniem ng serve

To po uruchomieniu spróbuj otworzyć ten obrazek w przeglądarce, np localhost:8080/obrazki/file.jpg i zobacz czy go widzisz.

Zrobiłam tak i nie widzę go.

A czy Twój obraz znajduje się w folderze assets/?

Nie, w folderze z komponentem. Jak dodałam obrazek do folderu assets i podałam ścieżkę w komponencie to też się nie otwierało na stronie,taka sama sytuacja.

martynam napisał(a):

TomRiddle napisał(a):

martynam napisał(a):

TomRiddle napisał(a):

martynam napisał(a):

Poleceniem ng serve

To po uruchomieniu spróbuj otworzyć ten obrazek w przeglądarce, np localhost:8080/obrazki/file.jpg i zobacz czy go widzisz.

Zrobiłam tak i nie widzę go.

A czy Twój obraz znajduje się w folderze assets/?

Nie, w folderze z komponentem. Jak dodałam obrazek do folderu assets i podałam ścieżkę w komponencie to też się nie otwierało na stronie,taka sama sytuacja.

Dodałam do assets jeszcze raz i teraz działa. Dziękuję :)