Angular 4, ngrx\store Plunker — TypeError: store_1.StoreModule.provideStore не является функцией

Я пытаюсь создать плункер Angular 4, который включает последнюю версию ngrx\store: https://embed.plnkr.co/cr4rCJ0hRVMwuLzKe4mg/

Чтобы использовать ngrx\store, я добавил эту строку в файл config.js:

'@ngrx/store': 'https://npmcdn.com/@ngrx/[email protected]',

По какой-то причине я получаю эту ошибку:

(SystemJS) TypeError: store_1.StoreModule.provideStore is not a function

Может ли кто-нибудь помочь?


person ohadinho    schedule 23.07.2017    source источник


Ответы (2)


В последней версии Ngrx provideStore изменилось на forRoot.

Также вы можете ознакомиться с руководством по миграции здесь https://github.com/ngrx/platform/blob/master/MIGRATION.md

person KevinOrfas    schedule 04.08.2017

Вы должны изменить «provideStore» на «forRoot» в последней версии Angular, такой как Angular 6. Это сработало для меня.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { HttpClientModule } from '@angular/common/http';
import { FormsModule} from '@angular/forms';
import { UsersServiceService } from './users/users-service.service';
import { PDFGenerationService } from './pdf-generation-demo/pdf-generation.service';
import { AppRoutingModule, routingComponents } from './app-routing.module';
// Import ng-circle-progress
import { NgCircleProgressModule } from 'ng-circle-progress';
import { mainStoreReducer } from './state/reducers/reducer';
import { StoreModule } from '@ngrx/store';


@NgModule({
  declarations: [
    AppComponent,
    routingComponents
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    FormsModule,
    AppRoutingModule,
    NgCircleProgressModule.forRoot({
      // set defaults here
      radius: 100,
      outerStrokeWidth: 16,
      innerStrokeWidth: 8,
      outerStrokeColor: "#78C000",
      innerStrokeColor: "#C7E596",
      animationDuration: 300
    }),
    StoreModule.forRoot({ mainStoreReducer })
  ],
  exports: [   ],
  providers: [UsersServiceService, PDFGenerationService],
  bootstrap: [AppComponent]
})

export class AppModule { }
person sushil kumar    schedule 10.10.2018