angular4 composant css ajoute une chaîne aléatoire avec le nom d'image d'arrière-plan

Question

Je travaille avec Angular4. Le problème est que j'ai écrit quelques css dans le fichier my-component.css et ai joint une image de fond à un div en utilisant l'extrait de code css suivant.

.bg { 
    background-image: url("../../../../Resources/images/my-image.jpg"); 
    height: 100%; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

Mais le problème est que je ne peux pas voir l'image d'arrière-plan. Raison ce que j'ai trouvé est que je peux voir l'image de fond de cette div comme suit dans le navigateur tout en inspectant les éléments.

background-image: url(my-image.b907916d510a47210902.jpg) 

Impossible de comprendre pourquoi le navigateur ajoute une chaîne supplémentaire avec le nom de l'image. Cette chaîne nouvellement ajoutée continue de changer lorsque je recharge la page.

Answer 1

Essayez le

suivant

background-image: url("./Resources/images/my-image.jpg"); 

Permettez-moi savoir si cela fonctionne ou non.