You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React项目能否使用Angular的ngx-extended-pdf-viewer组件?

React中能否使用Angular专属的ngx-extended-pdf-viewer?

我需要在React项目里实现PDF预览,具体需求如下:

  • 支持通过代码设置页码
  • 具备PDF文本搜索功能(类似Ctrl+F)
  • 可实现PDF文本高亮

我找到了ngx-extended-pdf-viewer包,它是为Angular设计的,但它是Node包,我想知道能不能像其他普通Node包一样在React中导入使用。

我尝试直接在React组件中引入并使用它:

import React from "react";
import { NgxExtendedPdfViewerComponent } from "ngx-extended-pdf-viewer";

const NGXPDFViewer = () => {
  return (
    <NgxExtendedPdfViewerComponent
      src={
        "https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf"
      }
      useBrowserLocale="true"
    ></NgxExtendedPdfViewerComponent>
  );
};

export default NGXPDFViewer;

但运行后出现了以下错误:

Module not found: Error: Can't resolve '@angular/platform-browser'
Module not found: Error: Can't resolve '@angular/forms'

在尝试安装这些缺失的Angular模块之前,我想确认这种跨框架使用的做法是否可行。我非常想使用这个组件,因为它是我找到的唯一同时具备搜索和页码控制功能的PDF预览组件(文本高亮我可以自行用CSS实现)。如果这种做法完全不可行,我就停止尝试。

内容的提问来源于stack exchange,提问作者Calseon

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 16:13:14