Angular 4，store_1.StoreModule.provideStore \store Plunker TypeError: ngrx不是函数

Question

我正在尝试创建一个Angular 4柱塞，其中包含ngrx\store最新版本：https://embed.plnkr.co/cr4rCJ0hRVMwuLzKe4mg/

为了使用ngrx\store，我在config.js文件中添加了下面这一行：

'@ngrx/store': 'https://npmcdn.com/@ngrx/store@4.0.0',

由于某种原因，我得到了这个错误：

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

有人能帮上忙吗？

Answer 1

在最新版本的Ngrx中，provideStore更改为forRoot。

此外，您还可以在此处查看迁移指南https://github.com/ngrx/platform/blob/master/MIGRATION.md

Answer 2

你应该在Angular 6等最新版本的Angular中将'provideStore‘改为'forRoot’，这对我很有效。

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 { }