O AEM PDF Viewer é renderizado em branco quando as bibliotecas de clientes necessárias estão ausentes

O componente Visualizador de PDF do AEM pode ser renderizado como um container vazio quando as bibliotecas de clientes necessárias não são incluídas na configuração da biblioteca de clientes do site. No AEM as a Cloud Service, a renderização também pode falhar se o CA-config do visualizador do PDF usar uma ID do cliente que não corresponda ao domínio da página. Como resultado, o visualizador não é carregado corretamente no Author ou Publish mesmo se o componente estiver presente na página. Incorpore a biblioteca do cliente do Visualizador do PDF necessária, verifique a ID do cliente de configuração da CA e teste a página novamente em ambos os ambientes.

Descrição description

Ambiente

  • Adobe Experience Manager as a Cloud Service (AEMaaCS)
  • Adobe Experience Manager 6.5 no local

Problema/Sintomas

  • O componente Visualizador do PDF exibe uma área em branco ou vazia na página.
  • O visualizador não é carregado corretamente no Author ou Publish.
  • Os arquivos PDF Viewer JavaScript ou CSS necessários não são carregados no navegador.
  • No AEM as a Cloud Service, o visualizador falha mesmo depois que o componente é configurado na página.

Causa

A página não tem as bibliotecas de clientes do Visualizador do PDF necessárias porque core.wcm.components.pdfviewer.v1 não está inserido no site clientlib-base. No AEM as a Cloud Service, a renderização também pode falhar quando a ID do cliente PdfViewerCaConfig é válida, mas está mapeada para um domínio diferente daquele usado para abrir a página.

Resolução resolution

Para resolver a renderização em branco do AEM PDF Viewer causada pela ausência de bibliotecas de clientes, siga estas etapas:

  1. Abra a biblioteca do cliente do site em /apps/<project>/clientlibs/clientlib-base.
  2. Verifique a propriedade embed e adicione core.wcm.components.pdfviewer.v1 se ela estiver ausente.
  3. Implante a configuração atualizada da biblioteca do cliente. Para o AEM as a Cloud Service, implante a alteração por meio do Cloud Manager.
  4. Para o AEMaaCS, abra /conf/<project>/sling:configs e verifique se PdfViewerCaConfig contém o clientId correto para o domínio exato usado para acessar a página.
  5. Recarregue a página e teste o Visualizador do PDF no Author e no Publish.
  6. Verifique a guia de rede do navegador e confirme se os arquivos PDF Viewer JavaScript e CSS necessários agora são carregados com sucesso.
  7. Se a inserção da biblioteca do cliente estiver correta e o visualizador ainda ficar em branco, contate o Suporte da Adobe e compartilhe a URL da página, os logs do console do navegador e um rastreamento de rede.

Leitura relacionada

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