Angular 11 – [HMR] Update failed: NullInjectorError: No provider for ApplicationRef

Question

所以我已经将 Angular 10 项目更新为 Angular 11 项目。

除了更换新的明亮闪亮的热模块外，一切正常。

所以我已经完成了所有步骤并且我有一个编译应用程序。使用 --hmr 标志时，一切看起来都不错。直到我来到浏览器并在控制台上看到一个警告：

[WDS] App hot update... reloadApp.js:19
[HMR] Checking for updates on the server... log.js:24
[HMR] Update failed: NullInjectorError: No provider for ApplicationRef!
get@http://localhost:4200/vendor.js:23645:27
getToken@http://localhost:4200/vendor.js:80240:62
getApplicationRef@http://localhost:4200/vendor.js:80243:28
default_1/<@http://localhost:4200/vendor.js:80181:41
hotApplyInternal@http://localhost:4200/runtime.js:644:16
hotApply@http://localhost:4200/runtime.js:412:19
hotUpdateDownloaded/<@http://localhost:4200/runtime.js:387:22
invoke@http://localhost:4200/polyfills.js:9738:30
run@http://localhost:4200/polyfills.js:9497:47
scheduleResolveOrReject/<@http://localhost:4200/polyfills.js:10231:40
invokeTask@http://localhost:4200/polyfills.js:9773:35
runTask@http://localhost:4200/polyfills.js:9541:51
drainMicroTaskQueue@http://localhost:4200/polyfills.js:9943:39
promise callback*scheduleMicroTask@http://localhost:4200/polyfills.js:9926:32
scheduleTask@http://localhost:4200/polyfills.js:9762:42
scheduleTask@http://localhost:4200/polyfills.js:9584:47
scheduleMicroTask@http://localhost:4200/polyfills.js:9604:29
scheduleResolveOrReject@http://localhost:4200/polyfills.js:10221:18
then@http://localhost:4200/polyfills.js:10353:44
hotUpdateDownloaded@http://localhost:4200/runtime.js:386:15
hotAddUpdateChunk@http://localhost:4200/runtime.js:362:13
webpackHotUpdateCallback@http://localhost:4200/runtime.js:58:29
@http://localhost:4200/soft-login-soft-login-module-ngfactory.4092c72c4d6fd794913e.hot-update.js:1:17

那是什么，我需要做什么来修复它？

我做了什么

运行 ng update @angular/core @angular/cli
运行 ng update @angular/material
运行 ng update
已删除package-lock.json and node_modules
运行 npm cache clean --force 清理 NPM 缓存
运行 npm i 重新安装所有内容

Answer 1

确保您没有禁用 Ivy。

我的 tsconfig.json

上有这个

...
"angularCompilerOptions": {
    ... other flags
    "enableIvy": false
  }

删除 "enableIvy": false 解决了问题

Angular 11 – [HMR] Update failed: NullInjectorError: No provider for ApplicationRef

Angular 11 – [HMR] Update failed: NullInjectorError: No provider for ApplicationRef

angular

angular-cli

hot-module-replacement

angular-cli-v11

我做了什么