Type 'ModuleWithProviders' must have a '[Symbol.iterator]()' method that returns an iterator.ts(2488)

Question

I try to use the Ngx-admin and set the themes but I've got the error: Type 'ModuleWithProviders' must have a 'Symbol.iterator' method that returns an iterator.ts(2488) how can I fix this error? plaese help me

export class ThemeModule {
    static forRoot(): ModuleWithProviders<ThemeModule> {
        return {
            ngModule: ThemeModule,
            providers: [
                ...NbThemeModule.forRoot(
                    {
                        name: 'default',
                    },
                    [DEFAULT_THEME, COSMIC_THEME, DARK_THEME],
                    null,
                    NbLayoutDirection.RTL
                    
                ),
            ],
        };
    }
}

I think NbThemeModule.forRoot provide you the module not the providers. try to move that into the "import" properties — Carlo Capuano, Dec 27 '21 at 12:26

score 0 · Answer 1 · answered Apr 14 '22 at 14:06

The problem is with what comes to post the spread operator.

Do this way instead.

const nbThemeModule: any = NbThemeModule.forRoot(
                {
                    name: 'default',
                },
                [DEFAULT_THEME, COSMIC_THEME, DARK_THEME],
                null,
                NbLayoutDirection.RTL
                
            )

Then in the @ngModule,

export class ThemeModule {
  static forRoot(): ModuleWithProviders<ThemeModule> {
    return {
      ngModule: ThemeModule,
      providers: [
        ...nbThemeModule,
      ],
    };
  }
}

this will fix the issue which is a temporary hack.

Type 'ModuleWithProviders' must have a '[Symbol.iterator]()' method that returns an iterator.ts(2488)

1 Answers1