AEM PDF Viewer wird leer dargestellt, wenn erforderliche Client-Bibliotheken fehlen

Die AEM PDF-Viewer-Komponente kann als leerer Container gerendert werden, wenn die erforderlichen Client-Bibliotheken nicht in der Client-Bibliothekskonfiguration der Site enthalten sind. In AEM as a Cloud Service kann das Rendering auch fehlschlagen, wenn die PDF Viewer-CA-Konfiguration eine Client-ID verwendet, die nicht mit der Seiten-Domain übereinstimmt. Daher wird der Viewer in der Autoren- oder Veröffentlichungsinstanz nicht korrekt geladen, obwohl die Komponente auf der Seite vorhanden ist. Betten Sie die erforderliche PDF Viewer-Client-Bibliothek ein, überprüfen Sie die Client-ID „CA-config“ und testen Sie die Seite in beiden Umgebungen erneut.

Beschreibung description

Umgebung

  • Adobe Experience Manager as a Cloud Service (AEMaaCS)
  • Adobe Experience Manager 6.5 On-Premise

Problem/Symptome

  • Die PDF-Viewer-Komponente zeigt einen leeren oder leeren Bereich auf der Seite an.
  • Der Viewer wird in der Autoren- oder Veröffentlichungsinstanz nicht korrekt geladen.
  • Erforderliche PDF Viewer-JavaScript- oder CSS-Dateien werden nicht in den Browser geladen.
  • In AEM as a Cloud Service schlägt der Viewer selbst dann fehl, wenn die Komponente auf der Seite konfiguriert ist.

Ursache

Auf der Seite fehlen die erforderlichen PDF Viewer-Client-Bibliotheken, da core.wcm.components.pdfviewer.v1 nicht in die Site-clientlib-base eingebettet ist. In AEM as a Cloud Service kann das Rendern auch fehlschlagen, wenn die PdfViewerCaConfig-Client-ID gültig ist, aber einer anderen Domain zugeordnet ist als der, die zum Öffnen der Seite verwendet wurde.

Lösung resolution

Gehen Sie wie folgt vor, um das leere AEM PDF Viewer-Rendering aufgrund fehlender Client-Bibliotheken zu beheben:

  1. Öffnen Sie die Client-Bibliothek der Site unter /apps/<project>/clientlibs/clientlib-base.
  2. Überprüfen Sie die embed und fügen Sie core.wcm.components.pdfviewer.v1 hinzu, wenn sie fehlt.
  3. Stellen Sie die aktualisierte Client-Bibliothekskonfiguration bereit. Stellen Sie für AEM as a Cloud Service die Änderung über Cloud Manager bereit.
  4. Öffnen Sie für AEMaaCS /conf/<project>/sling:configs und überprüfen Sie, ob PdfViewerCaConfig die richtige clientId für die exakte Domain enthält, die für den Zugriff auf die Seite verwendet wird.
  5. Laden Sie die Seite neu und testen Sie den PDF-Viewer sowohl in der Autoren- als auch in der Veröffentlichungsinstanz.
  6. Überprüfen Sie die Registerkarte „Browser-Netzwerk“ und stellen Sie sicher, dass die erforderlichen PDF Viewer-JavaScript- und CSS-Dateien jetzt erfolgreich geladen wurden.
  7. Wenn die Einbettung der Client-Bibliothek korrekt ist und der Viewer dennoch leer dargestellt wird, wenden Sie sich an den Adobe-Support und geben Sie die Seiten-URL, die Protokolle der Browser-Konsole und einen Netzwerk-Trace frei.

Verwandtes Lesen

recommendation-more-help
experience-cloud-kcs-help-kbarticles