Dies scheint ein Pathing-Problem zu sein. Versuchen Sie vielleicht, anstelle von relativen Pfaden für Ihre Bilder zu absoluten Pfaden zu wechseln: d. h. anstatt %code% ändern Sie sie in %code%
Ich habe ein Projekt, an dem ich gearbeitet habe, zu Webpack 2 migriert, und das hat mir Kopfschmerzen bereitet. Aber ich habe mein Projekt zur Vorschau mit dem Webpack-Dev-Server bekommen, außer dass mein Bild nicht angezeigt wird. Alles was ich bekomme ist dieser Fehler in der Browserkonsole GET http://localhost:8080/logo.jpg 404 (Not Found)
und in der Mac OS-Konsole:
%Vor%Dies ist meine Webpack-Konfiguration:
%Vor%Die Migration hat mehrere Bilder durchbrochen, aber es gibt eine, und ich kann sie verwenden, um die anderen zu reparieren:
%Vor% Soll ich url('logo.jpg') verwenden? Warum findet der Dev-Server die Bilder nicht und zeigt sie nicht an?
BEARBEITEN
Versucht mit:
%Vor% und <img src={img.src}> , aber es gibt mir den gleichen Fehler.
Ihre Webpack-Konfiguration deklariert nicht explizit die Einstellung output.publicPath . Eine grundlegende Konfiguration könnte wie folgt aussehen:
Weitere Überlegungen: Da sich Ihr logo.jpg im selben Verzeichnis Ihrer Komponente befindet, warum importieren Sie es nicht mit einem relativen Pfad ./ ?
Sie sollten diesen Leitfaden lesen: Ссылка
Sie verwenden altes Format config für webpack1, config für webpack2 unten;
die Angabe von absolut publicPath funktionierte für mich. Referenz
%Vor% Ich habe ein Projekt, an dem ich gearbeitet habe, zu Webpack 2 migriert, und das hat mir Kopfschmerzen bereitet. Aber ich habe mein Projekt zur Vorschau mit dem Webpack-Dev-Server bekommen, außer dass mein Bild nicht angezeigt wird. Alles was ich bekomme ist dieser Fehler in der Browserkonsole ../assets/my-image.png
und in der Mac OS-Konsole:
%Vor%Dies ist meine Webpack-Konfiguration:
%Vor%Die Migration hat mehrere Bilder durchbrochen, aber es gibt eine, und ich kann sie verwenden, um die anderen zu reparieren:
%Vor% Soll ich /assets/my-image verwenden? Warum findet der Dev-Server die Bilder nicht und zeigt sie nicht an?
BEARBEITEN
Versucht mit:
%Vor%und %code% , aber es gibt mir den gleichen Fehler.
Ihre Webpack-Konfiguration deklariert nicht explizit die Einstellung %code% . Eine grundlegende Konfiguration könnte wie folgt aussehen:
%Vor%Weitere Überlegungen: Da sich Ihr %code% im selben Verzeichnis Ihrer Komponente befindet, warum importieren Sie es nicht mit einem relativen Pfad %code% ?
%Vor%Sie sollten diesen Leitfaden lesen: Ссылка
Sie verwenden altes Format config für webpack1, config für webpack2 unten;
Ich glaube, ich kenne das Problem. Sie geben nicht den richtigen Pfad für das Bild beim Importieren an. Versuchen Sie, einen Alias für den Bildordner hinzuzufügen
%Vor%Importieren Sie Ihre Bilder dann wie folgt:
%Vor%die Angabe von absolut publicPath funktionierte für mich. Referenz
%Vor%Dies scheint ein Pathing-Problem zu sein. Versuchen Sie vielleicht, anstelle von relativen Pfaden für Ihre Bilder zu absoluten Pfaden zu wechseln: d. h. anstatt %code% ändern Sie sie in %code%
Tags und Links javascript reactjs webpack webpack-dev-server