record.factory is not a function error on Angular version

[berkayyildiz]

When I try to import LightgalleryModule I get this error on browser's console. Do you have any idea what should be the cause?

main.ts:12 TypeError: record.factory is not a function
    at R3Injector.hydrate (core.js:11352)
    at R3Injector.get (core.js:11173)
    at core.js:11210
    at Set.forEach (<anonymous>)
    at R3Injector._resolveInjectorDefTypes (core.js:11210)
    at new NgModuleRef$1 (core.js:25246)
    at NgModuleFactory$1.create (core.js:25300)
    at core.js:29111
    at ZoneDelegate.invoke (zone.js:395)
    at Object.onInvoke (core.js:28512)

Angular version: 11.1.1
Lightgallery version: 2.0.1

[sachinchoolur]

Hey @berkayyildiz ,

Doesn't look like a lightGallery issue. I tested with a fresh angualr 11 project and could not find any issues.

Here is the stackblitz demo https://stackblitz.com/edit/lightgallery-angular

It would be helpful if you could provide a minimal demo.

[sachinchoolur]

Hey @berkayyildiz,

Could you please try importing the angular 11 specific version and try again?

import { LightgalleryModule } from 'lightgallery/angular/11';

Docs - https://www.lightgalleryjs.com/docs/angular/#installation

[berkayyildiz]

I updated to 2.1.5. When ng serve running and when I just import the Module to app module ts file without adding imports of app module itself I get the long error at the end of the post. After I run a clean ng serve I see same error on angular cli console but Cannot GET on actual page.

After that I installed 2.2.0-beta.0 and tried to import 11 specific version, that fixed the error about import to ts file, project compiled without any problem. But when I added to app module imports it gives same error as my first post, it gave TypeError: record.factory is not a function error again on browser console, so 11 specific version not fix this error.

We also tired on an empty project, it works fine. Our project is a big project with reasonable amount of dependencies so probably there is a conflict. Btw we actually used typescript version, it worked fine for us so we didn't continue to search for a fix but of course it would be nice to use native angular version, especially for better change detection. When I have time I will try to isolate the light gallery and try to find conflict or the problematic other module that cause this.

index.js:150 [WDS] Errors while compiling. Reload prevented.
errors @ index.js:150
index.js:159 node_modules/lightgallery/angular/lib/lightgallery-angular.component.d.ts:32:21 - error TS2694: Namespace '"PROJECT_ROUTE/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

32     static ɵfac: i0.ɵɵFactoryDeclaration<LightgalleryComponent, never>;
                       ~~~~~~~~~~~~~~~~~~~~

errors @ index.js:159
index.js:159 node_modules/lightgallery/angular/lib/lightgallery-angular.component.d.ts:33:21 - error TS2694: Namespace '"PROJECT_ROUTE/node_modules/@angular/core/core"' has no exported member 'ɵɵComponentDeclaration'.

33     static ɵcmp: i0.ɵɵComponentDeclaration<LightgalleryComponent, "lightgallery", never, { "settings": "settings"; "onAfterAppendSlide": "onAfterAppendSlide"; "onInit": "onInit"; "onHasVideo": "onHasVideo"; "onContainerResize": "onContainerResize"; "onAfterAppendSubHtml": "onAfterAppendSubHtml"; "onBeforeOpen": "onBeforeOpen"; "onAfterOpen": "onAfterOpen"; "onSlideItemLoad": "onSlideItemLoad"; "onBeforeSlide": "onBeforeSlide"; "onAfterSlide": "onAfterSlide"; "onPosterClick": "onPosterClick"; "onDragStart": "onDragStart"; "onDragMove": "onDragMove"; "onDragEnd": "onDragEnd"; "onBeforeNextSlide": "onBeforeNextSlide"; "onBeforePrevSlide": "onBeforePrevSlide"; "onBeforeClose": "onBeforeClose"; "onAfterClose": "onAfterClose"; }, {}, never, ["*"]>;
                       ~~~~~~~~~~~~~~~~~~~~~~

errors @ index.js:159
index.js:159 node_modules/lightgallery/angular/lib/lightgallery-angular.module.d.ts:4:21 - error TS2694: Namespace '"PROJECT_ROUTE/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

4     static ɵfac: i0.ɵɵFactoryDeclaration<LightgalleryModule, never>;
                      ~~~~~~~~~~~~~~~~~~~~

errors @ index.js:159
index.js:159 node_modules/lightgallery/angular/lib/lightgallery-angular.module.d.ts:5:21 - error TS2694: Namespace '"PROJECT_ROUTE/node_modules/@angular/core/core"' has no exported member 'ɵɵNgModuleDeclaration'.

5     static ɵmod: i0.ɵɵNgModuleDeclaration<LightgalleryModule, [typeof i1.LightgalleryComponent], never, [typeof i1.LightgalleryComponent]>;
                      ~~~~~~~~~~~~~~~~~~~~~

errors @ index.js:159
index.js:159 node_modules/lightgallery/angular/lib/lightgallery-angular.module.d.ts:6:21 - error TS2694: Namespace '"PROJECT_ROUTE/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectorDeclaration'.

6     static ɵinj: i0.ɵɵInjectorDeclaration<LightgalleryModule>;
                      ~~~~~~~~~~~~~~~~~~~~~

errors @ index.js:159
index.js:159 node_modules/lightgallery/angular/lib/lightgallery-angular.service.d.ts:4:21 - error TS2694: Namespace '"PROJECT_ROUTE/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

4     static ɵfac: i0.ɵɵFactoryDeclaration<LightgalleryService, never>;
                      ~~~~~~~~~~~~~~~~~~~~

errors @ index.js:159
index.js:159 node_modules/lightgallery/angular/lib/lightgallery-angular.service.d.ts:5:22 - error TS2694: Namespace '"PROJECT_ROUTE/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectableDeclaration'.

5     static ɵprov: i0.ɵɵInjectableDeclaration<LightgalleryService>;
                       ~~~~~~~~~~~~~~~~~~~~~~~

errors @ index.js:159

[sachinchoolur]

Sure, Thank you.