Angular / NGRX нарушает вывод

Question

У меня есть этот простой код, где я пытаюсь просто добавить редуктор к модулю.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { StoreModule } from '@ngrx/store';
import {Action} from '@ngrx/store';
import { Component } from '@angular/core';

class Book {
  id: number;
  name: string;
}

class BookStore {
  books: Book[];
}


const ADD_BOOK = '[Book] Add book'; 


export function addReducer(state = BookStore, action: Action) {
  console.log(state, action);

  switch (action.type) {

  }
}


@Component({
  selector: 'app-root',
  template: '<h1>Hello!</h1>',

})
export class AppComponent {
  title = 'app';
}



@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    StoreModule.forRoot({ count: addReducer })
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

И как только я добавлю эту строку кода

StoreModule.forRoot({ count: addReducer })

моя страница становится пустой и без 'Hello!' слово и я не вижу ошибок в консоли.

Мои версии библиотек:

  "dependencies": {
    "@angular/animations": "^4.2.4",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "@ngrx/effects": "^6.1.0",
    "@ngrx/store": "^6.1.0",
    "core-js": "^2.4.1",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.14"
  },

Как я могу понять, что происходит? Возможно, мне нужно добавить некоторые дополнительные функции в мой редуктор?

Answer 1

Спасибо. После обновления angular до последней версии все работает нормально.