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

angular ngrx ngrx-store
Anton Pegov picture Anton Pegov · May 30, 2017 · Viewed 18.2k times · Source

Problem: Error: No provider for Store!

I'm bootstraping store module in main.ts:

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

And injecting in to vehicle.component.ts:

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

Full source code is here: GitHub, last version running on GitHub Pages

PS. Adding Store to providers leads to another error: Can't resolve all parameters for Store: (?, ?, ?).

Answer

Alf Moh picture Alf Moh · Nov 16, 2017

I had this error because, in my component auto-import imported Store from import { Store } from '@ngrx/store/src/store' instead of import { Store } from '@ngrx/store'; . Anyway, this was in Angular 5

Related questions

Ngrx Store Resets after browser refresh. How to make the application preserve the state?

I Dispatch a action from one component this.store.dispatch({type : STORE_TEAMCREST , payload : team.crestURI}); and in the other component i select from the store using this.store.select(state => state.table.teamCrest).subscribe(data => this.teamCrest = …

Read More
How to wait for 2 Actions in @ngrx/effects

Can effect wait two actions like Promise.all? Example: @Effect() pulic addUser() { return this.actions$.ofType(user.ADD) .switchMap(() => { return this.userService.add(); }) .map(() => { return new user.AddSuccessAction(); }); } @Effect() pulic addUserOptions() { return this.actions$.ofType(userOptions.ADD) .switchMap(() =&…

Read More
Property 'payload' does not exist on type 'Action' when upgrading @ngrx/Store

I have the @ngrx/store package in my angular (4.x) app, and am upgrading from v2.2.2 -> v4.0.0. I can see that the migration notes say: The payload property has been removed from the Action interface. However, the example …

Read More