网络工作人员未加载脚本

Question

如果这是我的 tsconfig

{
  "extends": "create-extension/tsconfig/tsconfig.json",

  "include": ["./src/**/*"],
  "compilerOptions": {
    "rootDir": "./src",
    "outDir": "./dist",
    "lib": ["dom"],

    // Additional TypeScript error reporting checks are enabled by default to improve code quality.
    // Enable/disable these checks as necessary to suit your coding preferences or work with
    // existing code
    "noFallthroughCasesInSwitch": true,
    "noImplicitAny": true,
    "noImplicitReturns": true,
    "noUncheckedIndexedAccess": false,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "forceConsistentCasingInFileNames": true
  }
}

我有一个示例工作程序代码和一个从该文件创建工作程序的文件

这是我的项目目录，我的文件位于下面

源代码 > 乌米 > MapLayer.js

工人代码在

源代码 > 工人 > main.js

和

这是我在 MapLayer.js 中的代码

const myWorker = new Worker("workers/main.js");
console.log("worker is", myWorker);
myWorker.onerror = (e) => {
  console.log("there is error", e);
};
myWorker.postMessage(["hi", "i am pravin"]);

myWorker.onmessage = (e) => {
  let message = e.data;
  console.log("Message received from worker", message);
};

工人代码是

onmessage = (e) => {
  console.log("Message received from main script");
  console.log(e.data);
  const workerResult = `Result: ${e.data[0]} ${e.data[1]}`;
  console.log("Posting message back to main script");
  postMessage(workerResult);
};

在 console.log 输出中我唯一看到的是这个

你能帮我解决这个问题吗