react vite ffmpeg如何解决worker模块返回404

Question

我已经将js、wasm和worker模块导入到我的项目中 https://unpkg.com/@ffmpeg/[电子邮件受保护]/dist/esm/ffmpeg-core.js

https://unpkg.com/@ffmpeg/[电子邮件受保护]/dist/esm/ffmpeg-core.wasm https://unpkg.com/@ffmpeg/[电子邮件受保护]/dist/esm/ffmpeg-core.worker.js

在调用负载所在的函数时，我在工作模块中收到错误 请求网址： http://localhost:3000/node_modules/.vite/deps/worker.js?worker_file&type=module 状态代码： 404 未找到 推荐人政策： 跨源时严格源

为了解决这个问题，我已将这些添加到我的配置中，并查看不同线程的类似问题https://github.com/ffmpegwasm/ffmpeg.wasm/issues/532 但没有运气。加载也永远不会完成。

CONFIG:
export default defineConfig(({ mode }) => ({
//other config stuff
  plugins: [react()],
  optimizeDeps: {
    exclude: ["@ffmpeg/ffmpeg", "@ffmpeg/util"]
  },
  server: {
    headers: {
      "Cross-Origin-Opener-Policy": "same-origin",
      "Cross-Origin-Embedder-Policy": "require-corp"
    }
  }
}));

FILE:
import { FFmpeg } from "@ffmpeg/ffmpeg";
import { fetchFile, toBlobURL } from "@ffmpeg/util";
 const ffmpeg = new FFmpeg();
    await ffmpeg.load({
      coreURL: await toBlobURL(
        `${importedURL}/ffmpeg/ffmpeg-core.js`,
        "text/javascript"
      ),
      wasmURL: await toBlobURL(
        `${importedURL}/ffmpeg/ffmpeg-core.wasm`,
        "application/wasm"
      ),
      workerURL: await toBlobURL(
        `${importedURL}/ffmpeg/ffmpeg-core.worker.js`,
        "text/javascript"
      )
    });

Answer 1

我只是遇到了完全相同的问题 - 你找到解决方案了吗？ 如果没有，我找到一个，我一定会发布它。