Ошибка компиляции пакета NPM Stockfish.js (шахматный движок) в качестве веб-работника с Angular8 - PullRequest
Новая
       27

Ошибка компиляции пакета NPM Stockfish.js (шахматный движок) в качестве веб-работника с Angular8

0 голосов
/ 23 июня 2019

Цель - приложение Angular, которое может запускаться и играть против шахматного движка в браузере.Я хочу запустить Stockfish.js в качестве веб-работника.При вызове конструктора Worker () с uri, указывающим на файл stockfish.js, Angular не может скомпилировать с ошибкой «Ошибка сборки модуля».

Это совершенно новое приложение Angular, которое я только что начал тестироватьшахматный движок в браузере.Я бегу ...

Угловой CLI: 8.0.3 Узел: 10.16.0 ОС: darwin x64 Угловой: 8.0.2 Шахматный движок: Stockfish.js 10.0 от NPM

КакПроверка работоспособности Я подал простой HTML и JS-файл с запущенным stockfish.js в качестве Web Worker, и он работает нормально.Тот же код без Typescript и Angular.

Я не нашел примеров или проблем с людьми, использующими большой сторонний пакет NPM, такой как Web Worker, в своих проектах Angular.

Я чувствую, что что-то упустил из-за того, что пытается сделать файл stockfish.js с файлом stockfish.wasm, что не нравится компилятору Angular.

Этот код я получил из Angular Docs, раздела о Web Workers.И я передаю путь к stockfish конструктору Worker ().

app/app.component.ts

  const worker = new Worker ('../../node_modules/stockfish/src/stockfish.js', { type: 'module' });
  worker.onmessage = ({ data }) => {
    console.log(`page got message: ${data}`);
  };
  worker.postMessage('isready');

Это файл конфигурации, сгенерированный Angular CLI 

tsconfig.worker.json

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "./out-tsc/worker",
    "lib": [
      "es2018",
      "webworker"
    ],
    "types": []
  },
  "include": [
    "src/**/*.worker.ts"
  ]
}

Структура файла Stockfish 

node_modules
 - stockfish
    -src
      license.js
      stockfish.asm.js
      stockfish.js
      stockfish.wasm

Это ошибка, которую я получаю при компиляции Angular ...

Module build failed (from ./node_modules/worker-plugin/dist/loader.js):
ModuleNotFoundError: Module not found: Error: Can't resolve 'fs' in '/Users/nicksugar/Chess/node_modules/stockfish/src'
    at factory.create (/Users/nicksugar/Chess/node_modules/webpack/lib/Compilation.js:823:10)
    at factory (/Users/nicksugar/Chess/node_modules/webpack/lib/NormalModuleFactory.js:397:22)
    at resolver (/Users/nicksugar/Chess/node_modules/webpack/lib/NormalModuleFactory.js:130:21)
    at asyncLib.parallel (/Users/nicksugar/Chess/node_modules/webpack/lib/NormalModuleFactory.js:224:22)
    at /Users/nicksugar/Chess/node_modules/neo-async/async.js:2830:7
    at /Users/nicksugar/Chess/node_modules/neo-async/async.js:6877:13
    at normalResolver.resolve (/Users/nicksugar/Chess/node_modules/webpack/lib/NormalModuleFactory.js:214:25)
    at doResolve (/Users/nicksugar/Chess/node_modules/enhanced-resolve/lib/Resolver.js:184:12)
    at hook.callAsync (/Users/nicksugar/Chess/node_modules/enhanced-resolve/lib/Resolver.js:238:5)
    at _fn0 (eval at create (/Users/nicksugar/Chess/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at resolver.doResolve (/Users/nicksugar/Chess/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:37:5)
    at hook.callAsync (/Users/nicksugar/Chess/node_modules/enhanced-resolve/lib/Resolver.js:238:5)
    at _fn0 (eval at create (/Users/nicksugar/Chess/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:15:1)
    at hook.callAsync (/Users/nicksugar/Chess/node_modules/enhanced-resolve/lib/Resolver.js:238:5)
    at _fn0 (eval at create (/Users/nicksugar/Chess/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:27:1)
    at resolver.doResolve (/Users/nicksugar/Chess/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:42:38)```
...