IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Symfony PHP Discussion :

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


Sujet :

Symfony PHP

  1. #1
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2017
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Dordogne (Aquitaine)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2017
    Messages : 12
    Par défaut WebPack encore & asset - File 404
    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 !

  2. #2
    Modérateur

    Avatar de MaitrePylos
    Homme Profil pro
    DBA
    Inscrit en
    Juin 2005
    Messages
    5 506
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : Belgique

    Informations professionnelles :
    Activité : DBA
    Secteur : Service public

    Informations forums :
    Inscription : Juin 2005
    Messages : 5 506
    Par défaut
    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

  3. #3
    Membre extrêmement actif
    Avatar de Sodium
    Femme Profil pro
    Développeuse web
    Inscrit en
    Avril 2014
    Messages
    2 324
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeuse web

    Informations forums :
    Inscription : Avril 2014
    Messages : 2 324
    Billets dans le blog
    1
    Par défaut
    Citation Envoyé par MaitrePylos Voir le message
    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 ?

  4. #4
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2017
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Dordogne (Aquitaine)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2017
    Messages : 12
    Par défaut
    Bonjour,

    Citation Envoyé par MaitrePylos Voir le message
    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.

  5. #5
    Membre extrêmement actif
    Avatar de Sodium
    Femme Profil pro
    Développeuse web
    Inscrit en
    Avril 2014
    Messages
    2 324
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeuse web

    Informations forums :
    Inscription : Avril 2014
    Messages : 2 324
    Billets dans le blog
    1
    Par défaut
    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

  6. #6
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2017
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Dordogne (Aquitaine)

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2017
    Messages : 12
    Par défaut
    Citation Envoyé par Sodium Voir le message
    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...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [4.x] Webpack Encore css datetimepicker
    Par dubitoph dans le forum Symfony
    Réponses: 0
    Dernier message: 23/12/2018, 12h51
  2. Supprimer webpack encore
    Par dubitoph dans le forum Symfony
    Réponses: 2
    Dernier message: 06/12/2018, 14h11
  3. Réponses: 0
    Dernier message: 06/02/2018, 22h13
  4. [4] Alternative Webpack encore
    Par Sylvaner dans le forum Symfony
    Réponses: 0
    Dernier message: 01/02/2018, 00h02
  5. Questionnement File of encore une fois ;)
    Par the_clansman dans le forum Delphi
    Réponses: 4
    Dernier message: 09/03/2007, 23h27

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo