When I do ng serve it gives me an error of maximun call stack size exceeded

Viewed 239

I have a project folder with the next parts: User and Artist It is suppose to be a multi app.

artists app.module


@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    DashboardModule,
 SharedModule,
 HttpClientModule,
 ToastrModule.forRoot(),
  ],
  providers: [
    {provide: APP_BASE_HREF, useValue: '/'},

    {
        provide:HTTP_INTERCEPTORS,
        useClass: HttpErrorInterceptorService,
        multi: true
    },
    AlertifyService,
    AuthService,
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

@NgModule({})
export class App2SharedModule {
  static forRoot(): ModuleWithProviders<AppModule>{
    return {
      ngModule: AppModule,
      providers: []
    };
  }
}

user app.module

 App2SharedModule.forRoot()

user app-roting

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { App2SharedModule } from '../../../artists/src/app/app.module';

const routes: Routes = [
  { path: 'auth', loadChildren: () => import('./auth/auth.module').then(m => m.AuthModule)},
  { path: 'artists', loadChildren: () => import('../../../artists/src/app/app.module').then(m => m.App2SharedModule)},

];

@NgModule({
  imports: [RouterModule.forRoot(routes),App2SharedModule.forRoot()],
  exports: [RouterModule]
})
export class AppRoutingModule { }

When I run ng serve it shows the next error:

Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js): Error: Maximum call stack size exceeded 

Does anyone knows how to solve this kind of errors? And if so, could you tell me whats wrong on my code?

0 Answers
Related