Vite构建含有Web Worker的项目时解决optimizeDeps报错

spark1e ·

问题

使用Vite构建ffmpeg-wasm项目的时候,vite报错:

The file does not exist at "/example-project/node_modules/.vite/deps/worker.js?worker_file&type=module" which is in the optimize deps directory. The dependency might be incompatible with the dep optimizer. Try adding it to `optimizeDeps.exclude`.

同时由于该报错,页面热重载后ffmpeg的loaded标识符为false,无法进行后续调试

解决

vite.config.js修改:

optimizeDeps: {
    exclude: ["@ffmpeg/ffmpeg"]
}

经测试,单独exclude目录下的worker.js仍然报错

如果你使用了其他有web worker的包,可以尝试类似的处理。

Vite构建含有Web Worker的项目时解决optimizeDeps报错
本文作者
spark1e
发布于
2024-09-06
许可协议
转载或引用本文时请遵守许可协议,注明出处、不得用于商业用途!
评论区 - Powered by Giscus