Lokale Bilder, die in React Application nicht geladen werden,

entwickeln eine Reaktionsanwendung, Benutzer können auf ein Problem stoßen, in dem lokal gespeicherte Bilder sich weigerten, sich anzuzeigen. Trotz erfolgreichem Rendern von Bildern, die extern gehostet werden (z. B. Placehold.it/200x200), bleiben lokale Bilder schwer fassbar. Um dies zu beheben, ist es wichtig, sich mit der Serverkonfiguration zu befassen.

Inspizieren Sie den Anwendungscode

den bereitgestellten Code für App.js, Index.js und Server.js erscheint Standard ohne anscheinende Anomalien. Die Untersuchung der Bildquelle in App.js zeigt jedoch die Stammwurzel des Problems:

<img src={"/images/resto.png"} />

Die webpack-resolution

, wenn das webpack verwendet wird, usw. verarbeiten sie. Die aktuelle Verwendung erfordert Webpack, um das Bild im Verzeichnis "/Bilder" zu finden und es anzuzeigen. Ohne diesen Schritt ignoriert WebPack lokale Bilder, was zu ihrer Abwesenheit aus der Anwendung führt. /& gt;

<img src={require('/images/resto.png')} />