No provider for InjectionToken REACTIVE_COMPONENT_LOADER_MODULE_REGISTRY

[roseyda]

I just install reactive-component-loader + its dependency (rx-scavenger + ng-dynamic-component). The build is OK (JIT and AOT), but when trying to access the website, I got the following console error: "NullInjectorError: No provider for InjectionToken REACTIVE_COMPONENT_LOADER_MODULE_REGISTRY!"

Tested version of the lib: 0.2.5 and 0.2.4 Angular-cli v7.3.8

After taking a look in the code of the lib, I figura out that:

• v0.2.5 is not up to date with master
• in the code of v0.2.5, is never declared as a provider :

  export declare class ReactiveComponentLoaderModule {
  static forRoot(): {
      ngModule: typeof ReactiveComponentLoaderModule;
      providers: {
          provide: typeof NgModuleFactoryLoader;
          useClass: typeof SystemJsNgModuleLoader;
      }[];
  };
  static withModule(moduleInfo: ModuleInfo): ModuleWithProviders;
  }

And on master branch:

@NgModule({
    declarations: [
        LazyComponent,
        LazyDirective
    ],
    exports: [
        LazyComponent,
        LazyDirective
    ],
    imports: [
        CommonModule,
        DynamicModule.withComponents([])
    ],
    providers: [
        /* @HACK: Add an empty array to ROUTE token.
         * Otherwise `PreloadAllModules` preloading strategy ends up in infinite loop. */
        provideRoutes([])
    ]
})
export class ReactiveComponentLoaderModule {

    static forRoot() {
        return {
            ngModule: ReactiveComponentLoaderModule,
            providers: [
                {
                    provide: NgModuleFactoryLoader,
                    useClass: SystemJsNgModuleLoader
                }
            ]
        };
    }

    static withModule(moduleInfo: ModuleInfo): ModuleWithProviders {
        return {
            ngModule: ReactiveComponentLoaderModule,
            providers: [
                provideRoutes([
                    {
                        loadChildren: moduleInfo.loadChildren,
                        matcher: noMatch
                    }
                ]),
                {
                    **provide: REACTIVE_COMPONENT_LOADER_MODULE_REGISTRY,**
                    useValue: moduleInfo,
                    multi: true
                }
            ]
        };
    }
}

[roseyda]

Update, I reach to make it work :-) I add to declare the lazy load module in the import of the app module. My issue was that:

• I was declaring my lazy load module directly in the import of the module I wanted to use them
• This module was also lazy loaded via rout (loadChildren)
• In the app module I set the preload strategy to PreloadAllModules