En mi aplicación Angular, instalé a través npm el ngx-extended-pdf-viewer para poder mostrar el contenido de los archivos pdf.
Según las instrucciones, he incluido lo siguiente en mi archivo angular.json :
"assets": [ "src/favicon.ico", "src/assets", { "glob": "**/*", "input": "node_modules/ngx-extended-pdf-viewer/assets/", "output": "/assets/" } ], "scripts": [ "node_modules/ngx-extended-pdf-viewer/assets/pdf.js", "node_modules/ngx-extended-pdf-viewer/assets/viewer.js", "node_modules/ngx-extended-pdf-viewer/assets/pdf.worker.js" ], Sin embargo, cuando construyo mi aplicación usando ng build , recibo este mensaje de error:
An unhandled exception occurred: Script file node_modules/ngx-extended-pdf-viewer/assets/pdf.js does not exist.Parece que solo hay una publicación en www que menciona este mensaje, y realmente no entiendo eso...
¿Cómo puedo solucionar este error?
Hoy en día, instalar ngx-extended-pdf-viewer se ha vuelto mucho más simple. No necesitas la sección de scripts . Los archivos pdf*.js se cargan automáticamente. Su ventaja: se beneficia de la carga diferida y su visor de PDF es mucho más rápido.
Inmersión técnica profunda: muchos usuarios de mi biblioteca tenían problemas con el almacenamiento en caché. Cuando publico una nueva versión, todavía usan la versión anterior de pdf.js. Para resolver este problema, agregué el número de versión a los nombres de los archivos. Eso, a su vez, provoca su mensaje de error.
No incluir los archivos JavaScript tiene otras dos ventajas. Primero, los archivos pdf*.js solo se cargan cuando es necesario. Por lo tanto, su paquete inicial es mucho más pequeño y la aplicación se carga más rápido. En segundo lugar, pdf.worker.js se ejecuta en un subproceso de trabajo. Para archivos PDF grandes, eso es un aumento de rendimiento de factor diez.