I just upgraded ABP & VOLO packages to 9.3.2 and Angular to 20.2.1 from 8.0.4. Appliation suddenly started giving injection content error.
(index):54 GET http://localhost:4200/assets/logo/actis-logo.png 404 (Not Found)
root_effect_scheduler.mjs:3597 ERROR RuntimeError: NG0203: The _ContentProjectionService
token injection failed. inject()
function must be called from an injection context such as a constructor, a factory function, a field initializer, or a function used with runInInjectionContext
. Find more at https://angular.dev/errors/NG0203
at injectInjectorOnly (core.mjs:1110:15)
at ɵɵinject (core.mjs:1131:42)
at inject2 (core.mjs:1217:12)
at new _ToasterService (abp-ng.theme.shared.mjs:1991:37)
at Object.ToasterService_Factory [as factory] (abp-ng.theme.shared.mjs:2061:14)
at root_effect_scheduler.mjs:2154:47
at runInInjectorProfilerContext (root_effect_scheduler.mjs:720:9)
at R3Injector.hydrate (root_effect_scheduler.mjs:2152:21)
at R3Injector.get (root_effect_scheduler.mjs:2007:33)
at R3Injector.retrieve (root_effect_scheduler.mjs:1903:25)
handleError @ root_effect_scheduler.mjs:3597
(anonymous) @ debug_node.mjs:30625
invoke @ zone.js:398
run @ zone.js:113
runOutsideAngular @ debug_node.mjs:16576
(anonymous) @ debug_node.mjs:30617
(anonymous) @ core.mjs:1023
invoke @ zone.js:398
run @ zone.js:113
runOutsideAngular @ debug_node.mjs:16576
_callAndReportToErrorHandler @ core.mjs:1023
(anonymous) @ core.mjs:945
invoke @ zone.js:398
onInvoke @ debug_node.mjs:16685
invoke @ zone.js:397
run @ zone.js:113
run @ debug_node.mjs:16531
bootstrap @ core.mjs:904
bootstrapModuleFactory @ core.mjs:1073
(anonymous) @ core.mjs:1098
invoke @ zone.js:398
run @ zone.js:113
(anonymous) @ zone.js:2537
invokeTask @ zone.js:431
runTask @ zone.js:161
drainMicroTaskQueue @ zone.js:612
Promise.then
nativeScheduleMicroTask @ zone.js:588
scheduleMicroTask @ zone.js:599
scheduleTask @ zone.js:420
scheduleTask @ zone.js:207
scheduleMicroTask @ zone.js:227
scheduleResolveOrReject @ zone.js:2527
then @ zone.js:2732
bootstrapModule @ core.mjs:1098
(anonymous) @ main.ts:12
main.ts:13 RuntimeError: NG0203: The _ContentProjectionService
token injection failed. inject()
function must be called from an injection context such as a constructor, a factory function, a field initializer, or a function used with runInInjectionContext
. Find more at https://angular.dev/errors/NG0203
at injectInjectorOnly (core.mjs:1110:15)
at ɵɵinject (core.mjs:1131:42)
at inject2 (core.mjs:1217:12)
at new _ToasterService (abp-ng.theme.shared.mjs:1991:37)
at Object.ToasterService_Factory [as factory] (abp-ng.theme.shared.mjs:2061:14)
at root_effect_scheduler.mjs:2154:47
at runInInjectorProfilerContext (root_effect_scheduler.mjs:720:9)
at R3Injector.hydrate (root_effect_scheduler.mjs:2152:21)
at R3Injector.get (root_effect_scheduler.mjs:2007:33)
at R3Injector.retrieve (root_effect_scheduler.mjs:1903:25)
(anonymous) @ main.ts:13
invoke @ zone.js:398
run @ zone.js:113
(anonymous) @ zone.js:2537
invokeTask @ zone.js:431
runTask @ zone.js:161
drainMicroTaskQueue @ zone.js:612
Promise.then
nativeScheduleMicroTask @ zone.js:588
scheduleMicroTask @ zone.js:599
scheduleTask @ zone.js:420
scheduleTask @ zone.js:207
scheduleMicroTask @ zone.js:227
scheduleResolveOrReject @ zone.js:2527
then @ zone.js:2732
bootstrapModule @ core.mjs:1098
(anonymous) @ main.ts:12
root_effect_scheduler.mjs:3597 ERROR RuntimeError: NG0203: The _ConfirmationService
token injection failed. inject()
function must be called from an injection context such as a constructor, a factory function, a field initializer, or a function used with runInInjectionContext
. Find more at https://angular.dev/errors/NG0203
at injectInjectorOnly (core.mjs:1110:15)
at ɵɵinject (core.mjs:1131:42)
at inject2 (core.mjs:1217:12)
at Object.useFactory (abp-ng.theme.shared.mjs:4676:21)
at Object.factory (root_effect_scheduler.mjs:2257:38)
at root_effect_scheduler.mjs:2154:47
at runInInjectorProfilerContext (root_effect_scheduler.mjs:720:9)
at R3Injector.hydrate (root_effect_scheduler.mjs:2152:21)
at R3Injector.get (root_effect_scheduler.mjs:2007:33)
at abp-ng.core.mjs:1126:42
handleError @ root_effect_scheduler.mjs:3597
(anonymous) @ debug_node.mjs:30625
invoke @ zone.js:398
run @ zone.js:113
runOutsideAngular @ debug_node.mjs:16576
(anonymous) @ debug_node.mjs:30617
ConsumerObserver2.next @ Subscriber.js:96
Subscriber2._next @ Subscriber.js:63
Subscriber2.next @ Subscriber.js:34
(anonymous) @ Subject.js:41
errorContext @ errorContext.js:19
Subject2.next @ Subject.js:31
emit @ debug_node.mjs:16219
(anonymous) @ debug_node.mjs:16722
invoke @ zone.js:398
run @ zone.js:113
runOutsideAngular @ debug_node.mjs:16576
onHandleError @ debug_node.mjs:16722
handleError @ zone.js:402
runGuarded @ zone.js:126
api.microtaskDrainDone @ zone.js:2324
drainMicroTaskQueue @ zone.js:619
Promise.then
nativeScheduleMicroTask @ zone.js:588
scheduleMicroTask @ zone.js:599
scheduleTask @ zone.js:420
scheduleTask @ zone.js:207
scheduleMicroTask @ zone.js:227
scheduleResolveOrReject @ zone.js:2527
then @ zone.js:2732
bootstrapModule @ core.mjs:1098
(anonymous) @ main.ts:12
favicon.ico:1 GET http://localhost:4200/favicon.ico 404 (Not Found)
{ "name": "Base", "version": "0.0.0", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "watch": "ng build --watch --configuration development", "test": "ng test" }, "private": true, "dependencies": { "@abp/ng.components": "~9.3.2", "@abp/ng.core": "~9.3.2", "@abp/ng.oauth": "~9.3.2", "@abp/ng.setting-management": "~9.3.2", "@abp/ng.theme.basic": "~9.3.2", "@abp/ng.theme.shared": "~9.3.2", "@angular/animations": "~20.2.1", "@angular/cdk": "^20.2.0", "@angular/common": "~20.2.1", "@angular/compiler": "~20.2.1", "@angular/core": "~20.2.1", "@angular/forms": "~20.2.1", "@angular/localize": "~20.2.1", "@angular/material": "^20.2.0", "@angular/platform-browser": "~20.2.1", "@angular/platform-browser-dynamic": "~20.2.1", "@angular/router": "~20.2.1", "@swimlane/ngx-datatable": "^22.0.0", "@ngrx/effects": "^20.0.0", "@ngrx/store": "^20.0.0", "@ngrx/store-devtools": "^20.0.0", "@ngx-translate/core": "^16.0.4", "@ngx-translate/http-loader": "^16.0.1", "@volo/abp.commercial.ng.ui": "~9.3.2", "@volo/abp.ng.account": "~9.3.2", "@volo/abp.ng.audit-logging": "~9.3.2", "@volo/abp.ng.gdpr": "~9.3.2", "@volo/abp.ng.identity": "~9.3.2", "@volo/abp.ng.language-management": "~9.3.2", "@volo/abp.ng.openiddictpro": "~9.3.2", "@volo/abp.ng.saas": "~9.3.2", "@volo/abp.ng.text-template-management": "~9.3.2", "chart.js": "^4.4.1", "crypto-js": "^4.2.0", "ng2-charts": "^5.0.4", "ngx-cookie-service": "^20.0.1", "rxjs": "~7.8.0", "tslib": "^2.0.0", "zone.js": "~0.15.1" }, "devDependencies": { "@abp/ng.schematics": "~9.3.2", "@angular/build": "^20.2.0", "@angular/cli": "~20.2.0", "@angular/compiler-cli": "~20.2.1", "@tailwindcss/postcss": "^4.1.12", "@angular/language-service": "~20.2.1", "@types/crypto-js": "^4.2.2", "@types/jasmine": "~3.6.0", "@types/node": "^12.0.0", "autoprefixer": "^10.4.17", "jasmine-core": "~5.1.0", "karma": "~6.4.4", "karma-chrome-launcher": "~3.1.0", "karma-coverage": "~2.1.0", "karma-jasmine": "~4.0.0", "karma-jasmine-html-reporter": "^1.0.0", "postcss": "^8.5.6", "tailwindcss": "^4.1.12", "typescript": "~5.9.2" } }