title: ERROR in Error during template compile of 'AppModule'
body: <p>Trying to build an Angular 6 app. I am getting the following error when using <code>--prod</code></p>
  <pre><code>ERROR in Error during template compile of 'AppModule'
    Expression form not supported in 'reducers'
      'reducers' contains the error at app/app.module.ts(48,3).
  </code></pre>
  <p><strong>app.module.ts</strong></p>
  <pre class="lang-js prettyprint-override"><code>      import AuthEffects from './store/auth/auth.effects';
          import ContentEffects from './store/content/content.effects';
          import NavigationEffects from './store/navigation/navigation.effects';
          import ConfigEffects from './store/config/config.effects';
          
          import { ICommonAppState } from './app.state';
          import { reducer as authReducer, key as authKey } from './store/auth';
          import { reducer as configReducer, key as configKey } from './store/config';
          import { reducer as contentReducer, key as contentKey } from './store/content';
          import { reducer as navigationReducer, key as navigationKey } from './store/navigation';
          
          import { PageContainerComponent } from './page-container/page-container.component';
          import { BenefitsComponent } from './+benefits/benefits.component';
          import { NavigationComponent } from './navigation/navigation.component';
          
          const enhancers = [];
          if (!environment.production) {
            enhancers.push(StoreDevtoolsModule.instrument({ maxAge: 10 }));
          }
          
          export const reducers: ActionReducerMap&lt;ICommonAppState&gt; = {
            [authKey]: authReducer,
            [configKey]: configReducer,
            [navigationKey]: navigationReducer,
            [contentKey]: contentReducer,
          };
          
          const effects = [AuthEffects, ConfigEffects, NavigationEffects, ContentEffects];
          
          @NgModule({
            declarations: [AppComponent, NavigationComponent, PageContainerComponent, BenefitsComponent],
            imports: [
              BrowserModule,
              HttpClientModule,
              AppRoutingModule,
              SharedComponentsModule,
              StoreModule.forRoot(reducers),
              EffectsModule.forRoot(effects),
              ...enhancers,
            ],
            providers: [
              { provide: APP_BASE_HREF, useValue: '/content-manager/' },
              { provide: HTTP_INTERCEPTORS, useClass: TokenInterceptor, multi: true },
              DiscoveryService,
              AuthService,
              JWTService,
              ConfigService,
              ContentService,
              NavigationService,
              TenantGuard,
              AuthGuard,
            ],
            bootstrap: [AppComponent],
          })
          export class AppModule {}
  </code></pre>
  <p>Line 48, where the error is being reported, appears to be</p>
  <pre class="lang-js prettyprint-override"><code>    export const reducers: ActionReducerMap&lt;ICommonAppState&gt; = {
        [authKey]: authReducer,
        [configKey]: configReducer,
        [navigationKey]: navigationReducer,
        [contentKey]: contentReducer,
      };
  </code></pre>
  <p>I am using Angular 6 with NgRX 6. I cannot understand why this is not working. I have followed the docs and my application builds just fine if I do not use the <code>prod</code> flag. However the build is bloated and slow, I would prefer an <code>AOT</code> build.</p>