Next.js PDFtron Webviewer - ReferenceError: 窗口未定义

问题描述

我正在尝试在我的 nextjs 静态页面上创建一个 PDF 查看器，但我不知道如何！希望你们能帮我解决这个错误或展示另一种方法来做到这一点。 （我是 Next.js 的新手）我正在关注这个工作示例 here

index.js

import SiteLayout from "../../components/SiteLayout";
import React from 'react';
import ReactDOM from "react-dom";
import Viewer from "../resume/viewer.js";

export default function Resume({ resume }) {
  return (   
    <div>
      <Viewer />
    </div> 
  );
}

viewer.js

import React,{ useRef,useEffect } from "react";
import WebViewer from "@pdftron/webviewer";

const Viewer = (props) => {
  const viewer = useRef(null);

  useEffect(() => {       
    WebViewer({
      path: "/lib",initialDoc: "/pdf/GustavoMorilla.pdf"
    },viewer.current);
  },[]);

  return (
    <div className="Viewer">
      <div className="header">React sample</div>
      <div className="webviewer" ref={viewer}></div>
    </div>
  );
};

export default Viewer;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）