Webpack worker-loader无法使用Angular 6进行编译

时间:2018-11-21 12:41:51

标签: angular webpack angular6 web-worker worker-loader

我有一个Angular 6应用程序,我需要使用在Typescript中实现的网络工作者。我已按照https://github.com/webpack-contrib/worker-loader上的说明进行设置。

这是我在approximation-visualization.binomial-scatter.worker.ts中的工作人员:

import * as math from 'mathjs';

self.addEventListener('message', function (e) {
  postMessage((function (data) {
      return {
        result: {
          scatter: createScatter(data),
          density: createDensity(data),
          stockValueRange: data.stockValueRange
        },
        calculationId: data.calculationId
      };
    }
  )(e.data), undefined);
});
...

我已在custom.d.ts中配置了加载程序:

declare module 'worker-loader!*' {
  class WebpackWorker extends Worker {
    constructor();
  }

  export default WebpackWorker;
}

其中包括以下方式:

import BinomialScatterCreationWorker from "worker-loader!./approximation-visualization.binomial-scatter.worker";

我的问题是ng服务无法编译,仅此而已。

...
chunk {runtime} runtime.js, runtime.js.map (runtime) 9.65 kB [entry] [rendered]
chunk {scripts} scripts.js, scripts.js.map (scripts) 273 kB  [rendered]
chunk {stock-analysis-stock-analysis-module} stock-analysis-stock-analysis-module.js, stock-analysis-stock-analysis-module.js.map (stock-analysis-stock-analysis-module) 89.5 kB  [rendered]
chunk {styles} styles.js, styles.js.map (styles) 642 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 5.56 MB [initial] [rendered]
i 「wdm」: Failed to compile.

在配置中我可能错过了什么?在我的用例中是否有使用Angular 6的运行示例?

0 个答案:

没有答案