StoreModule.forRoot({

      app: appReducer,

      anotherFeatureName: anotherFeatureReducer

    }),

    EffectsModule.forRoot([

      AppEffects,

      AnotherEffects

    ]),

import { provideState } from '@ngrx/store';

import { provideEffects } from '@ngrx/effects';

import { appReducer } from './app.reducer';

import { anotherFeatureReducer } from './another-feature.reducer';

import { AppEffects } from './app.effects';

import { AnotherEffects } from './another.effects';

import { provideState } from '@ngrx/store';

@NgModule({

  imports: [

    //Remove StoreModule.forRoot()

    //Remove EffectsModule.forRoot()

    // Add provideState() to provide your root reducers

    provideState({

      app: appReducer,

      anotherFeatureName: anotherFeatureReducer,

    }),

  ],

})

export class AppModule {}

import { provideEffects } from '@ngrx/effects';

@NgModule({

  imports: [

    //Remove StoreModule.forRoot()

    //Remove EffectsModule.forRoot()

    // Add provideState() to provide your root reducers

    provideState({

      app: appReducer,

      anotherFeatureName: anotherFeatureReducer,

    }),

    // Add provideEffects() to provide your root effects

    provideEffects([AppEffects, AnotherEffects]),

  ],

})

export class AppModule {}