DokumentationCommerceCommerce-Wissensdatenbank

Nach der Installation werden Bilder und Stylesheets nicht geladen. Es wird nur Text angezeigt, keine Grafiken

Last update: Mon Dec 30 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Themen:

Erstellt für:

  • Admin

In diesem Artikel werden die möglichen Gründe und Lösungen für das Problem beschrieben, dass Stylesheets und Bilder nach der Installation von Adobe Commerce nicht geladen werden.

Betroffene Produkte und Versionen

  • Adobe Commerce 2.2.x, 2.3.x
  • Magento Open Source 2.2.x, 2.3.x

Problem

Schritte zur Reproduktion

  1. Installieren Sie Adobe Commerce.
  2. Navigieren Sie zur Storefront oder zum Administrator.

Erwartetes Ergebnis

Stile werden angewendet, kein UI-Element sieht aus wie fehlende Stile.

Tatsächliches Ergebnis

Stile werden nicht korrekt angewendet, Grafiken fehlen.

Ursache

Der Pfad zu Bildern und Stylesheets ist falsch, entweder aufgrund einer falschen Basis-URL oder weil Server-Neuschreibungen (CentOS, Ubuntu) nicht ordnungsgemäß eingerichtet sind.

Um dies zu bestätigen, verwenden Sie einen Webbrowser-Inspektor , um die Pfade zu statischen Assets zu überprüfen und zu überprüfen, ob sich diese Assets im Adobe Commerce- oder Magento Open Source-Dateisystem befinden.

Statische Assets befinden sich unter <magento_root>/pub/static/ in den Verzeichnissen frontend und adminhtml .

Lösung

Je nach verwendeter Software und der Ursache des Problems sind folgende Lösungen möglich:

  • Wenn Sie den Apache-Webserver verwenden, überprüfen Sie Ihre Einstellung Server rewrites und die Basis-URL Ihres Adobe Commerce-/Magento Open Source-Servers und versuchen Sie es erneut. Wenn Sie die Apache-AllowOverride-Direktive falsch eingerichtet haben, werden die statischen Dateien nicht vom richtigen Speicherort bereitgestellt.

  • Wenn Sie den nginx-Webserver verwenden, stellen Sie sicher, dass Sie eine virtuelle Hostdatei konfigurieren. Die virtuelle nginx-Hostdatei muss die folgenden Kriterien erfüllen:

    • Die include muss auf die Beispielkonfigurationsdatei „nginx“ in Ihrem Adobe Commerce/Magento Open Source-Installationsverzeichnis verweisen. Beispiel: include /var/www/html/magento2/nginx.conf.sample;
    • Die server_name-Anweisung muss mit der Basis-URL übereinstimmen, die Sie bei der Installation von Adobe Commerce/Magento Open Source angegeben haben. Beispiel: server_name 192.186.33.10;

  • Wenn sich die Anwendung im Produktionsmodus befindet, versuchen Sie, statische Ansichtsdateien mit dem Befehl magento setup:static-content:deploy bereitzustellen. Weitere Informationen zur Bereitstellung statischer Dateien finden Sie unter Bereitstellen statischer Ansichtsdateien in unserer Entwicklerdokumentation.

recommendation-more-help
8bd06ef0-b3d5-4137-b74e-d7b00485808a