Error: No provider for Store! when trying @ngrx/store with Angular 4.0

Question

问题： 错误：没有商店的提供商！

我正在 main.ts 中引导商店模块：

platformBrowserDynamic().bootstrapModule(AppModule,[
  provideStore({
    characters, 
    vehicles
  })
]);

并注入 vehicle.component.ts:

constructor(
    private _route: ActivatedRoute,
    private _router: Router,
    private _vehicleService: VehicleService,
    private _store: Store<any>
  ) {}

完整的源代码在这里：GitHub，最新版本运行 on GitHub Pages

PS。将 Store 添加到 providers 会导致另一个错误：无法解析商店的所有参数：(?, ?, ?)。

Answer 1

在app.module.ts中添加：

// Make sure you import from @ngrx/store
import { StoreModule } from '@ngrx/store';

@NgModule({
  imports: [
      StoreModule.forRoot({ characters, vehicles }),
  ...

Answer 2

我有这个错误是因为，在我的组件中自动导入从 Store import { Store } from '@ngrx/store/src/store' 而不是 import { Store } from '@ngrx/store'; .无论如何，这是在 Angular 5

Answer 3

为了完整起见，Angular 5 / Ngrx 4.1.1 将是（在 app.module.ts 中）：

import { StoreModule } from '@ngrx/store';
import { reducers } from './reducers/reducers';

@NgModule({
    imports: [     
        StoreModule.forRoot(reducers),
        ...
    ],
    ...

有完整的例子here

Error: No provider for Store! when trying @ngrx/store with Angular 4.0

Error: No provider for Store! when trying @ngrx/store with Angular 4.0

angular

ngrx

ngrx-store