Dears,
After deploy my project everythings work fine but when logout It shown error page on form login
Is there any guidelines if i need to install package from npm in angular UI ? I don't konow why in abp comes like this error in every package installation
Yes I follow all the steps my node was 20 but yesterday i downgrade it same your version
I did all the steps and same issue I don't know why all these errors shown after install agm/core package after that I deleted still same errors
Hello Masum,
I did it it was 2.2.0 then upgrade it to version 2.3.0 but still same problems, Please look to my package.json maybe some mistake
regards
{
"name": "REAMApp",
"version": "0.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": "~7.2.3",
"@abp/ng.core": "~7.2.3",
"@abp/ng.oauth": "~7.2.3",
"@abp/ng.setting-management": "~7.2.3",
"@abp/ng.theme.shared": "~7.2.3",
"@agm/core": "^3.0.0-beta.0",
"@angular/animations": "^15.0.1",
"@angular/common": "^15.0.1",
"@angular/compiler": "^15.0.1",
"@angular/core": "^15.0.1",
"@angular/forms": "^15.0.1",
"@angular/google-maps": "^14.2.7",
"@angular/localize": "^15.0.1",
"@angular/platform-browser": "^15.0.1",
"@angular/platform-browser-dynamic": "^15.0.1",
"@angular/router": "^15.0.1",
"@types/googlemaps": "^3.39.12",
"@volo/abp.commercial.ng.ui": "~7.2.3",
"@volo/abp.ng.account": "~7.2.3",
"@volo/abp.ng.audit-logging": "~7.2.3",
"@volo/abp.ng.gdpr": "~7.2.3",
"@volo/abp.ng.identity": "~7.2.3",
"@volo/abp.ng.language-management": "~7.2.3",
"@volo/abp.ng.openiddictpro": "~7.2.3",
"@volo/abp.ng.saas": "~7.2.3",
"@volo/abp.ng.text-template-management": "~7.2.3",
"@volo/ngx-lepton-x.core": "^2.3.3",
"@volosoft/abp.ng.theme.lepton-x": "^2.3.0",
"rxjs": "7.5.6",
"tslib": "^2.1.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@abp/ng.schematics": "~7.2.3",
"@angular-devkit/build-angular": "^15.0.1",
"@angular-eslint/builder": "~15.1.0",
"@angular-eslint/eslint-plugin": "~15.1.0",
"@angular-eslint/eslint-plugin-template": "~15.1.0",
"@angular-eslint/schematics": "~15.1.0",
"@angular-eslint/template-parser": "~15.1.0",
"@angular/cli": "^15.0.1",
"@angular/compiler-cli": "^15.0.1",
"@angular/language-service": "^15.0.1",
"@types/jasmine": "~3.6.0",
"@types/node": "^12.11.1",
"@typescript-eslint/eslint-plugin": "^5.36.2",
"@typescript-eslint/parser": "^5.36.2",
"eslint": "^8.23.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": "^15.0.1",
"typescript": "~4.8.3"
}
}
Now only the errors are How to solve it I already Installed these packages
`Error: node_modules/@volo/ngx-lepton-x.core/lib/components/avatar/avatar.component.d.ts:9:82 - error TS2344: Type '{ avatar: { alias: "avatar"; required: false; }; }' does not satisfy the constraint '{ [key: string]: string; }'. Property '"avatar"' is incompatible with index signature. Type '{ alias: "avatar"; required: false; }' is not assignable to type 'string'.
9 static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "lpx-avatar", never, { "avatar": { "alias": "avatar"; "required": false; }; }, {}, never, never, false, never>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/components/icon/icon.component.d.ts:9:78 - error TS2344: Type '{ iconClass: { alias: "iconClass"; required: false; }; }' does not satisfy the constraint '{ [key: string]: string; }'. Property '"iconClass"' is incompatible with index signature. Type '{ alias: "iconClass"; required: false; }' is not assignable to type 'string'.
9 static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "lpx-icon", never, { "iconClass": { "alias": "iconClass"; "required": false; }; }, {}, never, never, false, never>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/components/navbar/navbar-routes/navbar-routes.component.d.ts:20:95 - error TS2344: Type '{ groupedItems: { alias: "groupedItems"; required: false; }; navbarItems: { alias: "navbarItems"; required: false; }; routerItem: { alias: "routerItem"; required: false; }; }' does not satisfy the constraint '{ [key: string]: string; }'. Property '"groupedItems"' is incompatible with index signature. Type '{ alias: "groupedItems"; required: false; }' is not assignable to type 'string'.
20 static ɵcmp: i0.ɵɵComponentDeclaration<NavbarRoutesComponent, "lpx-navbar-routes", never, { "groupedItems": { "alias": "groupedItems"; "required": false; }; "navbarItems": { "alias": "navbarItems"; "required": false; }; "routerItem": { "alias": "routerItem"; "required": false; }; }, { "routeClick": "routeClick"; }, never, never, false, never>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/components/navbar/sub-navbar/sub-navbar.component.d.ts:15:89 - error TS2344: Type '{ item: { alias: "item"; required: false; }; routerItem: { alias: "routerItem"; required: false; }; }' does not satisfy the constraint '{ [key: string]: string; }'. Property '"item"' is incompatible with index signature. Type '{ alias: "item"; required: false; }' is not assignable to type 'string'.
15 static ɵcmp: i0.ɵɵComponentDeclaration<SubNavbarComponent, "lpx-sub-navbar", never, { "item": { "alias": "item"; "required": false; }; "routerItem": { "alias": "routerItem"; "required": false; }; }, { "routeClick": "routeClick"; "expand": "expand"; }, never, never, false, never>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/directives/click-outside/click-outside.directive.d.ts:10:95 - error TS2344: Type '{ exceptedRefs: { alias: "exceptedRefs"; required: false; }; }' does not satisfy the constraint '{ [key: string]: string; }'. Property '"exceptedRefs"' is incompatible with index signature. Type '{ alias: "exceptedRefs"; required: false; }' is not assignable to type 'string'.
10 static ɵdir: i0.ɵɵDirectiveDeclaration<ClickOutsideDirective, "[lpxClickOutside]", never, { "exceptedRefs": { "alias": "exceptedRefs"; "required": false; }; }, { "lpxClickOutside": "lpxClickOutside"; }, never, never, false, never>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/directives/perfect-scrollbar.directive.d.ts:11:103 - error TS2344: Type '{ lpxPerfectScrollbarOptions: { alias: "lpxPerfectScrollbarOptions"; required: false; }; }' does not satisfy the constraint '{ [key: string]: string; }'. Property '"lpxPerfectScrollbarOptions"' is incompatible with index signature. Type '{ alias: "lpxPerfectScrollbarOptions"; required: false; }' is not assignable to type 'string'.
11 static ɵdir: i0.ɵɵDirectiveDeclaration<PerfectScrollbarDirective, "[lpxPerfectScrollbar]", never, { "lpxPerfectScrollbarOptions": { "alias": "lpxPerfectScrollbarOptions"; "required": false; }; }, {}, never, never, true, never>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/directives/responsive/responsive.directive.d.ts:18:91 - error TS2344: Type '{ query: { alias: "lpxResponsive"; required: false; }; }' does not satisfy the constraint '{ [key: string]: string; }'. Property '"query"' is incompatible with index signature. Type '{ alias: "lpxResponsive"; required: false; }' is not assignable to type 'string'.
18 static ɵdir: i0.ɵɵDirectiveDeclaration<ResponsiveDirective, "[lpxResponsive]", never, { "query": { "alias": "lpxResponsive"; "required": false; }; }, {}, never, never, false, never>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/directives/visible.directive.d.ts:17:88 - error TS2344: Type '{ lpxVisible: { alias: "lpxVisible"; required: false; }; }' does not satisfy the constraint '{ [key: string]: string; }'. Property '"lpxVisible"' is incompatible with index signature. Type '{ alias: "lpxVisible"; required: false; }' is not assignable to type 'string'.
17 static ɵdir: i0.ɵɵDirectiveDeclaration<LpxVisibleDirective, "[lpxVisible]", never, { "lpxVisible": { "alias": "lpxVisible"; "required": false; }; }, {}, never, never, true, never>;`
I changed the node version to same your version the I follow the steps again but still same issue Actually now i don't know why it's still errorss
I will try it but i think it's not from the node version becuse it was work fine and all the errors come from volvsoft and theming
still get this error 
my node version is v20.5.1
