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

Question

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: (?, ?, ?).

Alf Moh · Accepted Answer · 2017-11-16 07:12:57Z

14

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

answered Nov 16, 2017 at 7:12

Alf Moh

7,4675 gold badges45 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

spyter Over a year ago

Just had the same issue and didn't even notice it! Thanks for this post, you saved me some time :)

Dieterg Over a year ago

thanks, for some reason my auto import imported store from ngrx/store

Lucas · Accepted Answer · 2020-11-10 17:06:19Z

11

In app.module.ts add:

// Make sure you import from @ngrx/store import { StoreModule } from '@ngrx/store'; @NgModule({ imports: [ StoreModule.forRoot({ characters, vehicles }), ...

edited Nov 10, 2020 at 17:06

answered May 30, 2017 at 17:43

Lucas

10.4k6 gold badges45 silver badges55 bronze badges

2 Comments

Jay Over a year ago

Should we pass the real reducers? As its just component testing

Lucas Over a year ago

I'm not sure I follow, the answer was to fix a provider error. But for testing purposes I don't see why not to pass the actual reducers.

Manuel Manhart · Accepted Answer · 2018-01-02 11:15:58Z

Just for sake of completeness, with Angular 5 / Ngrx 4.1.1 it would be (in app.module.ts):

import { StoreModule } from '@ngrx/store'; import { reducers } from './reducers/reducers'; @NgModule({ imports: [ StoreModule.forRoot(reducers), ... ], ...

There is a complete example here

Collectives™ on Stack Overflow

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

3 Answers 3

2 Comments

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Related