【问题】vite前端项目中引入Web Worker报错提示does not provide an export named ‘default‘

～祝今在

已于 2024-12-13 15:47:43 修改

阅读量928

点赞数 4

文章标签：前端 vue.js

于 2024-12-12 09:46:38 首次发布

本文链接：https://blog.csdn.net/codeblank/article/details/144417021

版权

【问题报错】
Uncaught SyntaxError: The requested module ‘/@fs/C:/Users/Administrator/WebstormProjects/dev/vite-vue/node_modules/.vite/deps/pdfjs-dist_build_pdf__worker__entry__js.js?v=1b78346a’ does not provide an export named ‘default’

【解决方案】
引入的方式不对，导致提示引入静态资源报错。使用pdfjs-dist插件时，引入xx.worker.js文件，可以通过以下两种方式引入。

通过构造器导入

import * as PdfJs from 'pdfjs-dist'
const pdfjsWorker = new Worker(new URL('pdfjs-dist/build/pdf.worker.entry',import.meta.url))
PdfJs.GlobalWorkerOptions.workerSrc = pdfjsWorker;

通过import导入

import * as PdfJs from 'pdfjs-dist'
import Worker from 'pdfjs-dist/build/pdf.worker.entry?worker';
const worker = new Worker()
PdfJs.GlobalWorkerOptions.workerSrc = worker;