Настройка Typescript для использования worker_threads

Question

Я пытаюсь использовать WebWorkers в Typescript, и у меня возникла проблема. Я установил @ types / node и обновил все. 'worker_threads' больше не является экспериментальным и находится в стабильной версии node.js.

Это моя конфигурация машинописи:

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "importHelpers": true,
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "baseUrl": ".",
    "types": [
      "webpack-env",
      "node",
      "dom-mediacapture-record"
    ],
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}

Когда я пытаюсь выполнить импорт в моем файле машинописи, как это:

import { Worker } from 'worker_threads';

Я получаю ошибку:

This dependency was not found:

* worker_threads in ./src/SpeechRecognizer/SpeechRecognizer.ts

To install it, you can run: npm install --save worker_threads
Type checking and linting in progress...
No type errors found
No lint errors found
Version: typescript 3.6.3, tslint 5.20.0

Также я использую Vue.js для внешнего интерфейса. Я уже перепробовал все, что мог найти, поэтому я рад за любую помощь. Если это не сработает, я, вероятно, переключусь на JavaScript. Спасибо.

Answer 1

Вы можете использовать пакет npm 'worker-loader'. Перейдите по ссылке ниже https://www.npmjs.com/package/worker-loader и обратитесь к разделу «Интеграция с TypeScript»