Angular проблема с URL-адресом изображения после компиляции - PullRequest
0 голосов
/ 04 марта 2020

У меня проблема в том, что в angular до компиляции папка ресурсов находится в одном URL, а после компиляции - в другом. Когда я делаю ng build --prod, проект компилируется, и URL-адрес вещей меняется. Это не проблема, потому что я могу сделать проект, придерживаясь dist, как и остальные изображения, но если я хочу воспроизвести s css, то компилятор, если путь к проекту не совпадает, не компилируется, однако, если он скомпилирован У меня не может быть второго маршрута

Путь после сборки ng (и что мне нужно)

background-image: url(./assets/img/fondo.jpg);

Путь до компиляции (тот, который мне нужно написать для компиляции)

background-image: url(../../../assets/img/fondo.jpg);

В HTML это не проблема, потому что он может скомпилироваться, если у меня есть это:

<img src="./assets/img/banderaReinoUnido.png" class="d-block" style="width: 100%;" (click)="useLanguage('en')">

[ngStyle] он тоже не работает, есть идеи?

Ответы [ 2 ]

0 голосов
/ 04 марта 2020

Попробуйте указать путь к изображению следующим образом:

 background-image: url(~src/assets/img/fondo.jpg);

С аннотацией тильды вы указываете относительный путь root проекта, и это должно правильно скомпилироваться.

0 голосов
/ 04 марта 2020

Попробуйте вот так assets / img / fondo.jpg

Angular - это SAP, поэтому для доступа к изображениям из папки активов просто так

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...