-
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)
-
0
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"
}
} -
0
Hello,
Try to delete
node_modules
folder andyarn.lock
json file from Angular project.Run command: yarn
and then try to run again
thanks
-
0
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="item.component; injector: injector"\r\n ></ng-container>\r\n} @else {\r\n <ng-container *ngTemplateOutlet="defaultTemplate"></ng-container>\r\n}\r\n<ng-template #defaultTemplate>\r\n <a\r\n class="lpx-menu-item-link"\r\n [routerLink]="item.link"\r\n [class.selected]="item.selected"\r\n [class.expanded]="item.children?.length && item.expanded"\r\n (click)="onItemClick(item)"\r\n >\r\n <lpx-icon\r\n class="lpx-menu-item-icon"\r\n *ngIf="item.icon"\r\n [iconClass]="item.icon"\r\n ></lpx-icon>\r\n <ng-container\r\n *ngTemplateOutlet="\r\n item.template || textTmpl;\r\n context: { $implicit: item }\r\n "\r\n ></ng-container>\r\n <ng-template #textTmpl>\r\n @if (item.text) {\r\n <span class="lpx-menu-item-text hidden-in-hover-trigger">{{\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]="item.expanded ? 'chevronUp' : 'chevronDown'"\r\n class="dd-icon hidden-in-hover-trigger"\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="lpx-inner-menu hidden-in-hover-trigger"\r\n [class.collapsed]="!item.expanded"\r\n >\r\n @for (child of item.children; track item.children) {\r\n <li\r\n class="lpx-inner-menu-item"\r\n *lpxVisible="!child.visible || child.visible(child, injector)"\r\n >\r\n <lpx-sub-navbar\r\n [item]="child"\r\n (routeClick)="this.routeClick.emit($event)"\r\n (expand)="onChildExpand($event)"\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. -
0
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 errorthanks
-
0
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:
-
0
Hello,
I have checked at my end and its working fine, I am sharing mypackage.json
file please update it with yourpackage.json
file. After that deleteyarn.lock
file and run commandyarn
andnpm 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"
}
} -
0
I got it working, but I had to update my node version from 18.13.0 to 18.18.0.