WebPack encore & asset - File 404

**Binary Lost** · 06/01/2019, 10h30

Bonjour à tous,

Je compile une image et cela se fait correctement.

Dans le webpack.config.js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.addEntry('logo', './assets/images/logo.png')

Pour l'ajouter à ma vue, je mets ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="{{ asset('build/images/logo.png') }}" width="30" height="30" alt="Logo"/>

L'image ne se charge pas, je tombe sur l'attribut ALT.

Dans le code source, le chemin qui apparaît ainsi que le nom du fichier sont pourtant bons :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

src="/build/images/logo.eedd9088.png"

Quand je clique sur ce lien (situé toujours dans le code source), je tombe sur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<title>404 Not Found</title>
</head><body>
<h1>Not Found</h1>
<p>The requested URL /build/images/logo.eedd9088.png was not found on this server.</p>

Je développe sous WampServer (un rapport ?)

Si quelqu'un peut m'éclairer ?

Merci beaucoup !

**MaitrePylos** · 07/01/2019, 13h18

Bonjour,

On es d'accord que vous nous parlez de deux images différentes ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
 
build/images/logo.eedd9088.png
 
build/images/logo.png

**Sodium** · 07/01/2019, 14h10

Envoyé par MaitrePylos

Bonjour,

On es d'accord que vous nous parlez de deux images différentes ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
 
build/images/logo.eedd9088.png
 
build/images/logo.png

Non, c'est comme cela que webpack fonctionne, il copie les images utilisées avec un numéro de version et fait le lien tout seul. Par contre c'est plutôt utilisé pour les images référencées dans des fichiers CSS.

Si tu mets simplement <img src="{{ asset('images/logo.png') }}" width="30" height="30" alt="Logo"/> est-ce que ça fonctionne ?

**Binary Lost** · 07/01/2019, 14h29

Bonjour,

Envoyé par MaitrePylos

Bonjour,

On es d'accord que vous nous parlez de deux images différentes ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
 
build/images/logo.eedd9088.png
 
build/images/logo.png

Non, effectivement, comme déjà répondu, c'est le système de fonctionnement du WebPack. Et si je ne me trompe pas, cela est pour évité les problèmes de cache.

@Sodium: Non, si je fais cela, seul l'attribut alt apparaît.

**Sodium** · 07/01/2019, 14h41

Et si tu mets simplement ton image dans un répertoire /public/images ?
Il te manque probablement un lien symbolique entre /public/assets et /assets

**Binary Lost** · 07/01/2019, 15h20

Envoyé par Sodium

Et si tu mets simplement ton image dans un répertoire /public/images ?
Il te manque probablement un lien symbolique entre /public/assets et /assets

Pour ta première phrase effectivement cela fonctionne, a trop me compliquer les choses...
Cependant, si quelqu'un qui passe par là aurait la réponse à ce fameux 404...

WebPack encore & asset - File 404 [4.x]

Symfony PHP

Discussions similaires

Partager

Partager