Open Closed

Cannot compile project after upgrade to 8.1.1 #7061


User avatar
0
0365-Service created
  • ABP Framework version: v8.1.1
  • UI Type: Angular
  • Database System: EF Core (SQL Server
  • Tiered (for MVC) or Auth Server Separated (for Angular): no
  • Exception message and full stack trace:
  • Steps to reproduce the issue:

I have upgraded to 8.1.1. and now i cannot compile my angular project. I get the following error:

Please assist


7 Answer(s)
  • User Avatar
    0
    0365-Service created

    Here is my package.json after the upgrade:

    { "name": "Cloud", "version": "1.0.0", "scripts": { "ng": "ng", "start": "ng serve --open", "build": "ng build", "build:prod": "ng build --configuration production", "watch": "ng build --watch --configuration development", "test": "ng test", "lint": "ng lint" }, "private": true, "dependencies": { "@abp/ng.components": "~8.1.1", "@abp/ng.core": "~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.0.0", "@angular/common": "~17.0.0", "@angular/compiler": "~17.0.0", "@angular/core": "~17.0.0", "@angular/forms": "~17.0.0", "@angular/localize": "~17.0.0", "@angular/platform-browser": "~17.0.0", "@angular/platform-browser-dynamic": "~17.0.0", "@angular/router": "~17.0.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.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", "rxjs": "~7.8.0", "tslib": "^2.0.0", "zone.js": "~0.14.0" }, "devDependencies": { "@abp/ng.schematics": "~8.1.1", "@angular-devkit/build-angular": "^17.3.0", "@angular-eslint/builder": "~17.0.0", "@angular-eslint/eslint-plugin": "~17.0.0", "@angular-eslint/eslint-plugin-template": "~17.0.0", "@angular-eslint/schematics": "~17.0.0", "@angular-eslint/template-parser": "~17.0.0", "@angular/cli": "~17.0.0", "@angular/compiler-cli": "~17.0.0", "@angular/language-service": "~17.0.0", "@types/jasmine": "~3.6.0", "@types/node": "^12.0.0", "@typescript-eslint/eslint-plugin": "6.9.1", "@typescript-eslint/parser": "6.9.1", "eslint": "^8.0.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.0.0", "ng-packagr": "~17.0.0", "typescript": "~5.2.0" } }

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello,

    Try to delete node_modules folder and yarn.lock json file from Angular project.

    Run command:  yarn
    

    and then try to run again

    thanks

  • User Avatar
    0
    0365-Service created

    I have done what you suggested, but the issue remains

    Build at: 2024-04-18T08:42:25.155Z - Hash: 7263d5eb3af29231 - Time: 1013ms ./node_modules/@volo/ngx-lepton-x.core/fesm2022/volo-ngx-lepton-x.core.mjs - Error: Module build failed (from ./node_modules/@angular-devkit/build-angular/src/tools/babel/webpack-loader.js): TypeError: Cannot create property 'message' on string 'D:\Projekte\Steiner\Caci.Cloud\angular\node_modules@volo\ngx-lepton-x.core\fesm2022\volo-ngx-lepton-x.core.mjs: Unsupported syntax, expected an array literal. 838 | } 839 | static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SubNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }

    840 | static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.3", type: SubNavbarComponent, selector: "lpx-sub-navbar", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: false, isRequired: false, transformFunction: null }, routerItem: { classPropertyName: "routerItem", publicName: "routerItem", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { routeClick: "routeClick", expand: "expand" }, ngImport: i0, template: "@if (item.component) {\r\n <ng-container\r\n *ngComponentOutlet=&quot;item.component; injector: injector&quot;\r\n ></ng-container>\r\n} @else {\r\n <ng-container *ngTemplateOutlet=&quot;defaultTemplate&quot;></ng-container>\r\n}\r\n<ng-template #defaultTemplate>\r\n <a\r\n class=&quot;lpx-menu-item-link&quot;\r\n [routerLink]=&quot;item.link&quot;\r\n [class.selected]=&quot;item.selected&quot;\r\n [class.expanded]=&quot;item.children?.length && item.expanded&quot;\r\n (click)=&quot;onItemClick(item)&quot;\r\n >\r\n <lpx-icon\r\n class=&quot;lpx-menu-item-icon&quot;\r\n *ngIf=&quot;item.icon&quot;\r\n [iconClass]=&quot;item.icon&quot;\r\n ></lpx-icon>\r\n <ng-container\r\n *ngTemplateOutlet=&quot;\r\n item.template || textTmpl;\r\n context: { $implicit: item }\r\n &quot;\r\n ></ng-container>\r\n <ng-template #textTmpl>\r\n @if (item.text) {\r\n <span class=&quot;lpx-menu-item-text hidden-in-hover-trigger&quot;>{{\r\n item.text | lpxTranslate | async\r\n }}</span>\r\n }\r\n </ng-template>\r\n\r\n @if (item.children?.length) {\r\n <lpx-icon\r\n [iconClass]=&quot;item.expanded ? 'chevronUp' : 'chevronDown'&quot;\r\n class=&quot;dd-icon hidden-in-hover-trigger&quot;\r\n >\r\n </lpx-icon>\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <ul\r\n class=&quot;lpx-inner-menu hidden-in-hover-trigger&quot;\r\n [class.collapsed]=&quot;!item.expanded&quot;\r\n >\r\n @for (child of item.children; track item.children) {\r\n <li\r\n class=&quot;lpx-inner-menu-item&quot;\r\n *lpxVisible=&quot;!child.visible || child.visible(child, injector)&quot;\r\n >\r\n <lpx-sub-navbar\r\n [item]=&quot;child&quot;\r\n (routeClick)=&quot;this.routeClick.emit($event)&quot;\r\n (expand)=&quot;onChildExpand($event)&quot;\r\n ></lpx-sub-navbar>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "directive", type: LpxVisibleDirective, selector: "[lpxVisible]", inputs: ["lpxVisible"] }, { kind: "component", type: SubNavbarComponent, selector: "lpx-sub-navbar", inputs: ["item", "routerItem"], outputs: ["routeClick", "expand"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "lpxTranslate" }], encapsulation: i0.ViewEncapsulation.None }); } | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 841 | } 842 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImport: i0, type: SubNavbarComponent, decorators: [{ 843 | type: Component,' Error: node_modules/@volo/ngx-lepton-x.core/lib/components/navbar/navbar-routes/navbar-routes.component.d.ts:12:41 - error TS2694: Namespace '"D:/Projekte/Steiner/Caci.Cloud/angular/node_modules/@angular/core/index"' has no exported member 'InputSignal'. 12 routerItem: import("@angular/core").InputSignal<boolean | undefined>; ~~~~~~~~~~~ Error: node_modules/@volo/ngx-lepton-x.core/lib/components/navbar/sub-navbar/sub-navbar.component.d.ts:7:41 - error TS2694: Namespace '"D:/Projekte/Steiner/Caci.Cloud/angular/node_modules/@angular/core/index"' has no exported member 'InputSignal'. 7 routerItem: import("@angular/core").InputSignal<boolean | undefined>; ~~~~~~~~~~~ × Failed to compile.

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello,

    can you please create a new template application with v8.1.1 and try to run it. let me know whether it runs or show same error

    thanks

  • User Avatar
    0
    0365-Service created

    I created a new project with abp suite. It does the same thing

    What should the volosoft/abp.ng.theme.lepton-x version be?

    I manually changed this version to 3.1.1, since it was left at 3.1.0 and then it gives the below error:

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hello, I have checked at my end and its working fine, I am sharing my package.json file please update it with your package.json file. After that delete yarn.lock file and run command yarn and npm start .

    { "name": "Cloud", "version": "1.0.0", "scripts": { "ng": "ng", "start": "ng serve --open", "build": "ng build", "build:prod": "ng build --configuration production", "watch": "ng build --watch --configuration development", "test": "ng test", "lint": "ng lint" }, "private": true, "dependencies": { "@abp/ng.components": "~8.1.1", "@abp/ng.core": "~8.1.1", "@abp/ng.oauth": "~8.1.1", "@abp/ng.setting-management": "~8.1.1", "@abp/ng.theme.shared": "~8.1.1", "@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.openiddictpro": "~8.1.1", "@volo/abp.ng.language-management": "~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", "@angular/animations": "~17.1.0", "@angular/common": "~17.1.0", "@angular/compiler": "~17.1.0", "@angular/core": "~17.1.0", "@angular/forms": "~17.1.0", "@angular/localize": "~17.1.0", "@angular/platform-browser-dynamic": "~17.1.0", "@angular/platform-browser": "~17.1.0", "@angular/router": "~17.1.0", "rxjs": "~7.8.0", "tslib": "^2.0.0", "zone.js": "~0.14.0" }, "devDependencies": { "@abp/ng.schematics": "~8.1.1", "@angular-devkit/build-angular": "~17.1.0", "@angular-eslint/builder": "~17.2.0", "@angular-eslint/eslint-plugin": "~17.2.0", "@angular-eslint/eslint-plugin-template": "~17.2.0", "@angular-eslint/schematics": "~17.2.0", "@angular-eslint/template-parser": "~17.2.0", "@angular/cli": "~17.1.0", "@angular/compiler-cli": "~17.1.0", "@angular/language-service": "~17.1.0", "@types/jasmine": "~3.6.0", "@types/node": "^20.0.0", "@typescript-eslint/eslint-plugin": "6.9.1", "@typescript-eslint/parser": "6.9.1", "eslint": "^8.0.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.0.0", "typescript": "~5.3.0" } }

  • User Avatar
    0
    0365-Service created

    I got it working, but I had to update my node version from 18.13.0 to 18.18.0.

Made with ❤️ on ABP v9.1.0-preview. Updated on November 11, 2024, 11:11