- ABP Framework version: v5.3.3
- UI type: Angular
- DB provider: EF Core
- Tiered (MVC) or Identity Server Separated (Angular): no
- Exception message and stack trace:
- Steps to reproduce the issue:"
follow instructions using url: https://docs.abp.io/en/abp/5.3/Themes/LeptonXLite/Angular. it appears LeptonX Lite requires angular 14. I do not believe abp 5.3.3 supports ng 14. I tried to create a project from scratch, but i cannot. i added my experience in support ticket: https://support.abp.io/QA/Questions/3813/Version-Issues-Missing-Templates-with-ABP-Suite-after-upgrading-after-release-of-600. We do not want to go to abp 6 at this point in time
PS: I had to remove many of the warnings about css and errors in the build in order to submit this ticket. i got an error saying I exceeded the maximum
these 2 instructions cause the build error
- yarn add @abp/ng.theme.lepton-x@preview
@NgModule({ imports: [ // ...
- // do not forget to remove ThemeBasicModule // ThemeBasicModule.forRoot(), ** ThemeLeptonXModule.forRoot(), SideMenuLayoutModule.forRoot(),** ],
Build at: 2022-10-26T13:53:12.239Z - Hash: 34e04c3b15557864 - Time: 19611ms
./node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.min.css - Warning: Module Warning (from ./node_modules/postcss -loader/dist/cjs.js): Warning
(1:29799) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.
./node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.rtl.min.css - Warning: Module Warning (from ./node_modules/pos tcss-loader/dist/cjs.js): Warning
(1:29942) autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.
./node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2.min.css - Warning: Module Warning (from ./node_modules/postcss -loader/dist/cjs.js): Warning
./node_modules/@abp/ng.theme.lepton-x/fesm2015/abp-ng.theme.lepton-x-layouts.mjs - Error: Module build failed (from ./node_modules /@angular-devkit/build-angular/src/babel/webpack-loader.js): TypeError: Cannot create property 'message' on string 'C:\appdev\otised\OtisEd.Wildfire\angular\node_modules@abp\ng.theme.lepton- x\fesm2015\abp-ng.theme.lepton-x-layouts.mjs: This application depends upon a library published using Angular version 14.2.0, whic h requires Angular version 14.0.0 or newer to work correctly. Consider upgrading your application to use a more recent version of Angular. 25 | } 26 | LanguageSelectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Lang uageSelectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); **> 27 | LanguageSelectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: LanguageSelectio nComponent, selector: "abp-language-selection", ngImport: i0, template: "<lpx-language-selection *abpReplaceableTemplate="{\r\n ** componentKey: languageSelectionKey\r\n }">\r\n</lpx-language-selection>\r\n", dependencies: [{ kind: "directive", type : i1.ReplaceableTemplateDirective, selector: "[abpReplaceableTemplate]", inputs: ["abpReplaceableTemplate"] }, { kind: [32m"compon ent", type: i2.LanguageSelectionComponent, selector: "lpx-language-selection" }] }); | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 28 | i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LanguageSelectionComponent, deco rators: [{ 29 | type: Component, 30 | args: [{ selector: 'abp-language-selection', template: "<lpx-language-selection *abpReplaceableTemplate="{\r\n componentKey: languageSelectionKey\r\n }">\r\n</lpx-language-selection>\r\n" }]' at run (C:\appdev\otised\OtisEd.Wildfire\angular\node_modules@babel\core\lib\transformation\index.js:37:15) at run.next (<anonymous>) at Function.transform (C:\appdev\otised\OtisEd.Wildfire\angular\node_modules@babel\core\lib\transform.js:25:41) at transform.next (<anonymous>) at step (C:\appdev\otised\OtisEd.Wildfire\angular\node_modules\gensync\index.js:261:32) at C:\appdev\otised\OtisEd.Wildfire\angular\node_modules\gensync\index.js:273:13 at async.call.result.err.err (C:\appdev\otised\OtisEd.Wildfire\angular\node_modules\gensync\index.js:223:11) at C:\appdev\otised\OtisEd.Wildfire\angular\node_modules\gensync\index.js:37:40
./node_modules/@abp/ng.theme.lepton-x/fesm2015/abp-ng.theme.lepton-x.mjs - Error: Module build failed (from ./node_modules/@angula r-devkit/build-angular/src/babel/webpack-loader.js): TypeError: Cannot create property 'message' on string 'C:\appdev\otised\OtisEd.Wildfire\angular\node_modules@abp\ng.theme.lepton- x\fesm2015\abp-ng.theme.lepton-x.mjs: This application depends upon a library published using Angular version 14.2.0, which requir es Angular version 14.0.0 or newer to work correctly. Consider upgrading your application to use a more recent version of Angular. 34 | } 35 | ValidationErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Valida tionErrorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
36 | ValidationErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: ValidationErrorCom ponent, selector: "abp-validation-error", usesInheritance: true, ngImport: i0, template: ` | ^ 37 | <div 38 | class="invalid-feedback" 39 | *ngFor="let error of abpErrors; trackBy: trackByFn"' at run (C:\appdev\otised\OtisEd.Wildfire\angular\node_modules@babel\core\lib\transformation\index.js:37:15) at run.next (
Error: node_modules/@abp/ng.theme.lepton-x/layouts/side-menu-layout/components/language-selection/language-selection.component.d.t s:6:18 - error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).
6 static ɵcmp: i0.ɵɵComponentDeclaration<LanguageSelectionComponent, "abp-language-selection", never, {}, {}, never, never, fa lse>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@abp/ng.theme.lepton-x/layouts/side-menu-layout/components/nav-items/nav-items.component.d.ts:9:18 - error TS2
314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).
9 static ɵcmp: i0.ɵɵComponentDeclaration<NavItemsComponent, "abp-nav-items", never, {}, {}, never, never, false>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@abp/ng.theme.lepton-x/layouts/side-menu-layout/components/navigate-to-login/navigate-to-login.component.d.ts:
8:18 - error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).
8 static ɵcmp: i0.ɵɵComponentDeclaration<NavigateToLoginComponent, "abp-navigate-to-login", never, {}, {}, never, never, false
>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~
Error: node_modules/@abp/ng.theme.lepton-x/layouts/side-menu-layout/components/user-profile/user-profile.component.d.ts:6:18 - err
or TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).
6 static ɵcmp: i0.ɵɵComponentDeclaration<UserProfileComponent, "abp-user-profile", never, {}, {}, never, never, false>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@abp/ng.theme.lepton-x/layouts/side-menu-layout/side-menu-application-layout/side-menu-application-layout.comp
onent.d.ts:14:18 - error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).
14 static ɵcmp: i0.ɵɵComponentDeclaration<SideMenuApplicationLayoutComponent, "abp-application-layout", never, {}, {}, never,
never, false>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@abp/ng.theme.lepton-x/lib/components/validation-error/validation-error.component.d.ts:8:18 - error TS2314: Ge neric type 'ɵɵComponentDeclaration' requires 7 type argument(s).
8 static ɵcmp: i0.ɵɵComponentDeclaration<ValidationErrorComponent, "abp-validation-error", never, {}, {}, never, never, false> ; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/abp.ng.lepton-x.core/lib/components/page-alert-container/page-alert-container.component.d.ts:10:18 - err or TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).
10 static ɵcmp: i0.ɵɵComponentDeclaration<PageAlertContainerComponent, "abp-page-alert-container", never, {}, {}, never, never , false>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/abp.ng.lepton-x.core/lib/directives/if-replaceable-template-exists.directive.d.ts:12:18 - error TS2314:
Generic type 'ɵɵDirectiveDeclaration' requires 6 type argument(s).
12 static ɵdir: i0.ɵɵDirectiveDeclaration<IfReplaceableTemplateExistsDirective, "[abpIfReplaceableTemplateExists]", never, { "
abpIfReplaceableTemplateExists": "abpIfReplaceableTemplateExists"; }, {}, never, never, false>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/components/avatar/avatar.component.d.ts:9:18 - error TS2314: Generic type 'ɵɵCompo nentDeclaration' requires 7 type argument(s).
9 static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "lpx-avatar", never, { "avatar": "avatar"; }, {}, never, never, fals e>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/components/brand-logo/brand-logo.component.d.ts:4:18 - error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).
4 static ɵcmp: i0.ɵɵComponentDeclaration<BrandLogoComponent, "lpx-brand-logo", never, {}, {}, never, never, false>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/components/breadcrumb/breadcrumb.component.d.ts:27:18 - error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).
27 static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "lpx-breadcrumb", never, {}, {}, never, never, false>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/components/icon/icon.component.d.ts:9:18 - error TS2314: Generic type 'ɵɵComponent Declaration' requires 7 type argument(s).
9 static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "lpx-icon", never, { "iconClass": "iconClass"; }, {}, never, never, fa lse>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/components/navbar/navbar-routes/navbar-routes.component.d.ts:12:18 - error TS2314:
Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).
12 static ɵcmp: i0.ɵɵComponentDeclaration<NavbarRoutesComponent, "lpx-navbar-routes", never, { "navbarItems": "navbarItems"; "
routerItem": "routerItem"; }, { "routeClick": "routeClick"; }, never, never, false>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/components/navbar/navbar-routes/navbar-routes.directive.d.ts:4:18 - error TS2314: Generic type 'ɵɵDirectiveDeclaration' requires 6 type argument(s).
4 static ɵdir: i0.ɵɵDirectiveDeclaration<NavbarRoutesDirective, "[lpx-navbar-routes],[lpxNavbarRoutes]", ["lpxNavbarRoutes"], {}, {}, never, never, false>; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error: node_modules/@volo/ngx-lepton-x.core/lib/components/navbar/navbar.component.d.ts:17:18 - error TS2314: Generic type 'ɵɵComp
onentDeclaration' requires 7 type argument(s).
17 static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "lpx-navbar", never, {}, {}, ["routesTemplate"], never, false>;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
× Failed to compile.
1 Answer(s)
-
0
Hello
The last version of lepton-x supported with ABP version 5.3 is 1.0.0-beta.3. You can install it with the following command
yarn add @abp/ng.theme.lepton-x@1.0.0-beta.3
Angular version 14 is supported by ABP 6.0 version