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

【问题标题】：PDFTron set up, where do I have to copy the public dirPDFTron设置，我必须在哪里复制公共目录
【发布时间】：2021-08-26 09:37:34
【问题描述】：

尝试使用在 dev 中运行 webpack-dev-server 的 webpack 在 React 项目中设置 PDFtron，尝试了几个位置，仍然无法加载查看器，我尝试复制包含 UI 和核心的公共文件夹进入我的 dist 目录，仍然没有加载查看器，我还需要在我的 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”

【问题讨论】：

标签： reactjs pdftron

【解决方案1】：

对于 React 集成，您可以阅读本指南：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

【讨论】：

谢谢，Oscar，我已经看过这个例子并且我已经阅读了指南，问题是我正在运行 webpack-dev-server，我没有像使用 create-react-app 创建的项目那样的公共目录，我需要知道需要从哪里提供 webviewer/public 目录。
@LarryEdwardson，我更新了我的答案，看看是否有帮助
嗨 Oscar，感谢您指出这一点，我已经阅读了有关 webpack 的所有内容，我认为问题是 webpack-dev-server 没有提供来自 dist 或 build 的文件，但它是从根目录服务/我在项目的根目录创建了一个公共文件夹，并从 webviewer 公共目录复制了 ui 和 core，仍然没有运气，我已经联系了 PDFtron 技术支持，希望他们能提供帮助。

【解决方案2】：

通过将查看器拉到反应模式之外解决了这个问题，因此路径问题无关紧要。

仍然不确定为什么它不会在模态框内呈现。

【讨论】：