时间戳

首页 > 解决方案 > 无法在 Vue 3 应用程序中导入 WebWorker 文件

javascript - 无法在 Vue 3 应用程序中导入 WebWorker 文件

问题描述

我想在我的 Vue 3 应用程序中使用 Comlink，我认为 Comlink 工作正常，但是当我尝试为 new Worker() 引用我的工作人员时，我认为它无法保留该文件。我的树看起来像这样： src --pages ----page.vue --workers ----worker.js

我的worker.js：

import * as Comlink from 'comlink';

const worker = {
  trial() {
    return 'hello';
  },
};

Comlink.expose(worker);

我的页面.vue：

import * as Comlink from "comlink";

export default {
  methods: {
    tryOnClick() {
      const worker = new Worker("../../workers/worker.js");
      Comlink.wrap(worker);
      worker.trial();
    },
  },
};

（稍后我会在经理类中使用我的工作人员，而不是直接在我想尝试的页面中）这给了我控制台中的错误：

worker.js:1 Uncaught SyntaxError: Unexpected token '<'

当我打开这个错误时，它似乎在 HTML 的开头就失败了：

<!DOCTYPE html>

初始化新 Worker 时应该如何引用我的 worker.js？

标签： javascriptvue.jsweb-workercomlink

解决方案

推荐阅读