Início / coding / Perguntas / 78907664
Accepted
Ole
Asked: 2024-08-24 06:00:32 +0800 CST

Criando um web trabalhador em um projeto Stackblitz Lit Element?

  • 772

Estou tentando criar um web trabalhador em um projeto Lit Element Stackblitz .

Este é o trabalhador ( worker.js):

onmessage = (e) => {
  console.log(e.data);
  postMessage(e.data);
};

E este é o código que o cria ( In my-element.ts` ):

  constructor() {
    super();
    const worker: Worker = new Worker('worker.js');
    console.log(worker);
    worker.postMessage('hello');
    worker.onmessage = (e) => {
      console.log(`The worker posted back ${e.data}`);
    };
  }

E a demonstração, quando visualizada com ferramentas de desenvolvedor, não registra nenhuma mensagem interna ou do trabalhador, mas registra:

SyntaxError: token inesperado '<' (em trabalhador.js:1:1)

E estou tentando descobrir se isso é um bug do Stackblitz e se há alguma maneira de contornar isso.

Pensamentos?

javascript

1 respostas

  1. Best Answer

    Você tem 2 maneiras.

    1. Use caminho absoluto

    Como WebContaineré um ambiente emulado de sistema de arquivos, seu sw não consegue encontrar exatamente o seu contexto de trabalho, você pode

     constructor() {
    super();
    const worker: Worker = new Worker('/src/worker.js');
    console.log(worker);
    worker.postMessage('hello');
    worker.onmessage = (e) => {
      console.log(`The worker posted back ${e.data}`);
    };
  }

    2. Use ?workercom sintaxe Vite

    Como você está usando o vite, existe uma maneira mais fácil de usar a sintaxe do vite

    import Worker from "./worker?worker"

 constructor() {
    super();
    const worker: Worker = new Worker();
    console.log(worker);
    worker.postMessage('hello');
    worker.onmessage = (e) => {
      console.log(`The worker posted back ${e.data}`);
    };
  }
    • 1

relate perguntas