centersl/lobehub
1
0
Fork 0
mirror of https://github.com/lobehub/lobehub.git synced 2026-03-27 13:29:15 +07:00
Code Issues Packages Projects Releases Wiki Activity

🐛 fix: load PDF.js worker from local assets via Vite ?url import (#13006)

Browse Source
This commit is contained in:
Xial
2026-03-17 10:26:10 -07:00
committed by GitHub
parent 81becc3583
commit 46455cb6c3
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/libs/pdfjs/index.tsx
View File

@@ -4,19 +4,16 @@ import { type ComponentProps } from 'react';
import { type Page as PdfPage } from 'react-pdf';
import { Document as PdfDocument, pdfjs } from 'react-pdf';
const workerSrc = `https://registry.npmmirror.com/pdfjs-dist/${pdfjs.version}/files/build/pdf.worker.min.mjs`;
// Use Vite's ?url import to get the correct hashed asset path (e.g. /spa/assets/pdf.worker-xxx.mjs)
// This overrides react-pdf's auto-detected bare filename which breaks under SPA routing.
import pdfjsWorkerUrl from 'pdfjs-dist/build/pdf.worker.min.mjs?url';
function ensureWorker() {
if (!pdfjs.GlobalWorkerOptions.workerSrc) {
pdfjs.GlobalWorkerOptions.workerSrc = workerSrc;
}
}
pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorkerUrl;
export type DocumentProps = ComponentProps<typeof PdfDocument>;
export type PageProps = ComponentProps<typeof PdfPage>;
export const Document = (props: DocumentProps) => {
ensureWorker();
return <PdfDocument {...props} />;
};

5
src/vite.d.ts vendored
View File

@@ -1,3 +1,8 @@
import 'vite/client';
declare module 'pdfjs-dist/build/pdf.worker.min.mjs?url' {
const url: string;
export default url;
}
export {};