时间戳

首页 > 解决方案 > PDFTron设置，我必须在哪里复制公共目录

reactjs - PDFTron设置，我必须在哪里复制公共目录

问题描述

尝试使用在开发中运行 webpack-dev-server 的 webpack 在 React 项目中设置 PDFtron，尝试了几个位置，仍然无法加载查看器，我尝试将包含 UI 和核心的公共文件夹复制到我的 dist dir，仍然没有加载查看器，我还需要在我的 index.html 中引用 webviewer.min.js

我见过的所有示例都使用 react-create 应用程序，它运行 react-scripts start 并假设您有一个公共目录。

这是我的 WebViewer 初始化代码，我已将公共目录复制到我的 dist 目录中

useEffect(() => {
    WebViewer({
        path: '/public',
        initialDoc: 'https://pdftron.s3.amazonaws.com/downloads/pl/webviewer-demo.pdf'
    })
        .then(instance => {

有人可以给我举个例子吗？

我看到的错误是：无法读取未定义的属性“addEventListener”

标签： reactjspdftron

解决方案

对于反应集成，您可以阅读本指南：https ://www.pdftron.com/documentation/web/react/

另外，这里有一个 PDFTron/webviewer-react-sample Github 示例，您可以参考：https ://github.com/PDFTron/webviewer-react-sample

如果您使用的是 WebPack，请查看以下“WebPack”部分： https ://www.pdftron.com/documentation/web/get-started/npm/#2-copy-static-assets

推荐阅读