升级ng2-pdf-viewer至10.0.0版本后控制台错误的排查与解决

错误原因 #

这个提示是新版本组件内部的防御性日志，并非功能性错误。当pdf-viewer组件初始化时，如果绑定的src属性为空、未定义或资源尚未准备好，组件会提前终止加载流程并输出这条日志。因为核心功能逻辑会在资源就绪后重新触发，所以不会影响PDF的正常展示。

修复方法 #

• 延迟组件初始化：通过条件渲染确保组件仅在PDF资源有效时才加载，避免初始化时的空值检查：

  <pdf-viewer *ngIf="pdfSrc" [src]="pdfSrc" [render-text]="true" ...></pdf-viewer>
  

  在组件类中确保pdfSrc在赋值完成后再触发组件渲染。

• 调整PDF.js日志级别：该日志来自依赖的PDF.js库，可以通过修改日志级别屏蔽这类提示。在项目入口文件（如main.ts）中添加：

  import * as pdfjsLib from 'pdfjs-dist';
  // 设置日志级别为仅显示错误
  pdfjsLib.setLogLevel(pdfjsLib.LogLevel.ERROR);
  

• 临时回退版本：如果对日志提示比较敏感，可暂时回退到9.x版本，待后续官方优化后再升级：

  npm install ng2-pdf-viewer@9.0.0 --save
  

内容的提问来源于stack exchange，提问作者Pykara_Developer