我的GitHub
0%

无星的前端之旅(三十三)——pdfjs-dist怎么引入.md

报错引流

1
Error: No “GlobalWorkerOptions.workerSrc“ specified.

使用框架

  • vite
  • pdf-js
  • vue3

pnpm

1
pnpm add pdfjs-dist

使用

页面文件

1
2
3
4
5
6
7
8
9
import * as pdfjsLib from 'pdfjs-dist'
// .....其他代码
onMounted(() => {
pdfjsLib.GlobalWorkerOptions.workerSrc = new URL(
"pdfjs-dist/build/pdf.worker.min.mjs",
import.meta.url
).toString();
// pdfjsLib.GlobalWorkerOptions.workerSrc = '../../node_modules/pdfjs-dist/build/pdf.worker.min.mjs';
})

vite.config.ts新增配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
// vite.config.ts
import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'
import AutoImport from 'unplugin-auto-import/vite'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
import Components from 'unplugin-vue-components/vite'
import UnoCSS from 'unocss/vite'

// https://vite.dev/config/
export default defineConfig({
plugins: [
vue(),
// ....其他plugin
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
},
},
// ------------------添加这些-------------//
build: {
target: 'es2022',
},
esbuild: {
target: 'es2022',
},
optimizeDeps: {
esbuildOptions: {
target: 'es2022',
},
},
// ------------------添加这些-------------//
})

我是阿星,阿星的阿,阿星的星!

未找到相关的 Issues 进行评论

请联系 @XingXiaoWu 初始化创建