Angular -> 没有依赖模板：ConstDependency

Question

这是我的代码：

const worker = new Worker('./app.worker.ts', { type: 'module' });
console.log('this is the worker');
console.log(worker);
worker.onmessage = ({ data }) => {
  console.log(`page got message: ${data}`);
};
worker.postMessage('hello');

第一行遇到了麻烦。如果我删除 {type: 'module'} 它不会给我错误（但它也不起作用）。我尝试过 npm prune 和 npm dedupe 但没有解决问题。

Answer 1

从

webpack

删除

package.json

软件包并没有解决我的问题。

跑步

npm i worker-plugin --save-dev

为我解决了这个问题。运行

ng g web-worker

时，Angular CLI 不会安装该软件包。

Answer 2

我最近遇到了同样的问题，但

npm prune

或

npm dedupe

不起作用。我设法通过从

package.json

文件中删除 webpack 包来解决这个问题。

Answer 3

对于我来说，我的

package.json

出了点问题。 错误如下。

No template for dependency: ModuleHotAcceptDependency

我之前错过了

cross-env

GENERATE_SOURCEMAP=true

。

- "build:dev": "cross-env REACT_APP_VERSION=$npm_package_version; cross-env BUILD_DEV=true cross-env REACT_APP_BUILD_DEV=true GENERATE_SOURCEMAP=true node scripts/build.js",
+ "build:dev": "cross-env REACT_APP_VERSION=$npm_package_version; cross-env BUILD_DEV=true cross-env REACT_APP_BUILD_DEV=true cross-env GENERATE_SOURCEMAP=true node scripts/build.js",