Ends in:
2 DAYS
18 HRS
45 MIN
52 SEC
Ends in:
2 D
18 H
45 M
52 S
Open Closed

Angular app does not working after upgrade to 8.1.1 #7086


User avatar
0
mateusz.krauze created
  • 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"
    }
}

3 Answer(s)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello,

    please check my package.json file replace it with your's file and after that delete yarn.lock file and run command yarn and then run npm start

    Thanks

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello,

    You may try by changing "@abp/ng.core": "^8.1.1", to "@abp/ng.core": "~8.1.1", and also change "@volosoft/abp.ng.theme.lepton-x": "3.1.1", to "@volosoft/abp.ng.theme.lepton-x": "~3.1.1", after this delete yarn.lock and run the command yarn and npm start.

    Thanks

  • User Avatar
    0
    mateusz.krauze created

    Thank You, now it works. It seems that downgrade to angular 17.1 helped in my case.

Made with ❤️ on ABP v9.1.0-preview. Updated on December 02, 2024, 12:35