2017-10-09 3 views
4

Angular vs Angular Universal mit NGRX Versuchen zu verstehen, wie Sie umgehen @ ngrx/store-devtools Bibliothek für Angular Universal. Ich habe dieses Projekt eingerichtet, bei dem es sich um ein ng-Seed-Projekt mit Angular Universal handelt.Angular vs Angular Universal mit NGRX Store

Es hat einen Sprachumschalter und ich kann nicht scheinen zu verstehen, wie der Speicher funktioniert. Github-Projekt: https://github.com/ng-seed/universal

Im Code können Sie sich Reduzierungen für Sie, wenn Sie die Sprache wechseln, aber in den devtools der Zustand zeigt leer, so kann nicht verstehen, wie es in den Zustand geschoben oder wie der Staat bekommt gelang es.

+0

hat klonen Sie nur das Projekt, oder haben Sie Setup-Speicher-Modul devtools wirklich? In diesem Seed-Projekt ist dies nicht implementiert (Sie müssen 'StoreDevetoolsModule' in Ihrem' AppModule' importieren) –

Antwort

3

Sie müssen das Modul @ngrx/store-devtools zuerst einrichten, ich habe es gerade auf diesem Seed-Projekt versucht und es funktioniert ok.

  1. Führen Sie npm i @ngrx/store-devtools --save aus, um das Modul zu installieren.
  2. Fügen Sie StoreDevtoolsModule.instrument() zu dem Endimportarray in CoreModule hinzu.
  3. Rebuild und dienen (npm run build:universal-dev && npm run serve).

enter image description here