Angular app does not working after upgrade to 8.1.1 #7086

• ABP Framework version: v8.1.1 (upgrade from 7.2.2)
• UI Type: Angular
• Database System: EF Core (SQL Server)
• Auth Server Separated (for Angular): yes
• Exception message and full stack trace:

Error: node\_modules/@abp/ng.core/node\_modules/ts-toolbelt/out/index.d.ts:3892:12 - error TS2589: Type instantiation is excessively deep and possibly infinite.
3892 0: \_\_Assign<Merge<Os[Pos<I>], O, depth, style, noMerge>, Os, depth, style, noMerge, Next>;</I>

Error: node\_modules/@abp/ng.core/node\_modules/ts-toolbelt/out/index.d.ts:3892:21 - error TS2321: Excessive stack depth comparing types 'Merge<Os[Pos<I>], O, depth, style, noMerge>' and 'object'.</I>
3892 0: \_\_Assign<Merge<Os[Pos<I>], O, depth, style, noMerge>, Os, depth, style, noMerge, Next>;</I>

Error: node\_modules/@abp/ng.core/node\_modules/ts-toolbelt/out/index.d.ts:4544:12 - error TS2589: Type instantiation is excessively deep and possibly infinite.
4544 0: \_\_MergeAll<Merge<O, Os[Pos<I>], depth, style, noMerge>, Os, depth, style, noMerge, Next>;</I>

Error: node\_modules/@abp/ng.core/node\_modules/ts-toolbelt/out/index.d.ts:4544:23 - error TS2321: Excessive stack depth comparing types 'Merge<O, Os[Pos<I>], depth, style, noMerge>' and 'object'.</I>
4544 0: \_\_MergeAll<Merge<O, Os[Pos<I>], depth, style, noMerge>, Os, depth, style, noMerge, Next>;</I>

Error: node\_modules/@abp/ng.core/node\_modules/ts-toolbelt/out/index.d.ts:4736:12 - error TS2589: Type instantiation is excessively deep and possibly infinite.
4736 0: \_\_PatchAll<Patch<O, Os[Pos<I>], depth, style, noMerge>, Os, depth, style, noMerge, Next>;</I>

Error: node\_modules/@abp/ng.core/node\_modules/ts-toolbelt/out/index.d.ts:4736:23 - error TS2321: Excessive stack depth comparing types 'Patch<O, Os[Pos<I>], depth, style, noMerge>' and 'object'.</I>
4736 0: \_\_PatchAll<Patch<O, Os[Pos<I>], depth, style, noMerge>, Os, depth, style, noMerge, Next>;</I>

• Steps to reproduce the issue: Upgrade from 7.2.2 to 8.1.1 causes error when compile angular code. Here is my package.json:

{
    "name": "MyProject",
    "version": "0.2.0",
    "scripts": {
    "ng": "ng",
    "start": "ng lint --fix && ng serve --configuration local --open",
    "proxy": "abp generate-proxy -t ng --module app",
    "build:prod": "ng lint --fix && ng build --configuration production",
    "build:uat": "ng lint --fix && ng build --configuration uat",
    "build:staging": "ng lint --fix && ng build --configuration staging",
    "build:dev": "ng lint --fix && ng build --configuration dev",
    "watch": "ng build --watch --configuration development",
    "test": "ng test",
    "lint": "ng lint"
    },
    "private": true,
    "dependencies": {
    "@abp/ng.account": "8.1.1",
    "@abp/ng.components": "8.1.1",
    "@abp/ng.core": "^8.1.1",
    "@abp/ng.identity": "8.1.1",
    "@abp/ng.oauth": "8.1.1",
    "@abp/ng.setting-management": "8.1.1",
    "@abp/ng.theme.shared": "8.1.1",
    "@angular/animations": "^17.3.5",
    "@angular/cdk": "17.3.5",
    "@angular/common": "^17.3.5",
    "@angular/compiler": "^17.3.5",
    "@angular/core": "^17.3.5",
    "@angular/forms": "^17.3.5",
    "@angular/localize": "^17.3.5",
    "@angular/platform-browser": "^17.3.5",
    "@angular/platform-browser-dynamic": "^17.3.5",
    "@angular/router": "^17.3.5",
    "@fullcalendar/angular": "6.1.10",
    "@fullcalendar/core": "6.1.10",
    "@fullcalendar/daygrid": "6.1.10",
    "@fullcalendar/interaction": "6.1.10",
    "@fullcalendar/timegrid": "6.1.10",
    "@microsoft/signalr": "8.0.0",
    "@ng-bootstrap/ng-bootstrap": "16.0.0",
    "@popperjs/core": "^2.11.8",
    "@typescript-eslint/utils": "7.7.0",
    "@volo/abp.commercial.ng.ui": "8.1.1",
    "@volo/abp.ng.account": "8.1.1",
    "@volo/abp.ng.audit-logging": "8.1.1",
    "@volo/abp.ng.gdpr": "8.1.1",
    "@volo/abp.ng.identity": "8.1.1",
    "@volo/abp.ng.language-management": "8.1.1",
    "@volo/abp.ng.lepton-x.core": "3.1.1",
    "@volo/abp.ng.openiddictpro": "8.1.1",
    "@volo/abp.ng.saas": "8.1.1",
    "@volo/abp.ng.text-template-management": "8.1.1",
    "@volosoft/abp.ng.theme.lepton-x": "3.1.1",
    "file-saver": "^2.0.5",
    "jquery": "^3.7.1",
    "jquery-ui-dist": "^1.13.2",
    "jspdf": "^2.5.1",
    "jspdf-autotable": "^3.5.29",
    "moment": "^2.29.4",
    "ngx-logger": "^5.0.11",
    "primeicons": "7.0.0",
    "primeng": "17.13.0",
    "rxjs": "7.8.1",
    "ts-toolbelt": "9.6.0",
    "tslib": "^2.1.0",
    "xlsx": "^0.18.5",
    "zone.js": "\~0.14.4"
    },
    "devDependencies": {
    "@abp/ng.schematics": "8.1.1",
    "@angular-devkit/build-angular": "^17.3.5",
    "@angular-eslint/builder": "\~17.3.0",
    "@angular-eslint/eslint-plugin": "\~17.3.0",
    "@angular-eslint/eslint-plugin-template": "\~17.3.0",
    "@angular-eslint/schematics": "\~17.3.0",
    "@angular-eslint/template-parser": "\~17.3.0",
    "@angular/cli": "^17.3.5",
    "@angular/compiler-cli": "^17.3.5",
    "@angular/language-service": "^17.3.5",
    "@types/jasmine": "\~3.6.0",
    "@types/node": "^12.11.1",
    "@typescript-eslint/eslint-plugin": "7.7.0",
    "@typescript-eslint/parser": "7.7.0",
    "eslint": "8.56.0",
    "jasmine-core": "\~4.0.0",
    "karma": "\~6.3.0",
    "karma-chrome-launcher": "\~3.1.0",
    "karma-coverage": "\~2.1.0",
    "karma-jasmine": "\~4.0.0",
    "karma-jasmine-html-reporter": "^1.7.0",
    "ng-packagr": "^17.3.0",
    "typescript": "\~5.4.5"
    }
}