Error: No Provider for Store! in @ngrx 4.x

Question

When migrating my project from @ngrx 2.x to 4.1.0, I encountered the error message

NullInjectorError: No provider for Store!

The store was imported as shown in the docs:

import { StoreModule as NgRxStoreModule } from '@ngrx/store';

@NgModule({
  imports: [
    NgRxStoreModule.forRoot(reducerMap, {
      initialState: initial
    }),
    StoreRouterConnectingModule,
    EffectsModule.forRoot(effects)
  ],
  providers: [AppActions]
})
export class StoreModule {}

score 11 · Accepted Answer · answered Nov 06 '17 at 20:30

11

Turned out that some of my services imported the store via

import { Store } from '@ngrx/store/src/store'

Changing the imports to

import { Store } from '@ngrx/store'

fixed the problem.

answered Nov 06 '17 at 20:30

Anton Poznyakovskiy

2,109
1
20
38

That auto import :@ – Amsakanna Nov 15 '17 at 16:47
1

I had a similar issue with auto import in Web Storm adding "@ngrx/store/store" – Steven Moseley Dec 01 '17 at 19:32

score 0 · Answer 2 · answered Jul 02 '19 at 10:48

I got this while I was trying to run tests in angular 7.

The solution for me was to:

define a store mock in the body of describe:

let storeMock;

initialize it in beforeEach section:

  beforeEach(async () => {
    storeMock = {
      dispatch: jasmine.createSpy("dispatch"),
      pipe: jasmine.createSpy("pipe").and.returnValue(from([{
...
        requestTimeout: 5000,
...
      }]))
    };

define provider for Store in TestBed.configureTestingModule:

    TestBed.configureTestingModule({
      imports: [
        HttpClientTestingModule,
      ],
      providers: [
        ...
        {
          provide: Store,
          useValue: storeMock
        }
        ...
      ]
    });
    ```

score 0 · Answer 3 · answered Feb 03 '20 at 14:33

0

For ngrx 8 use:

import { provideMockStore } from '@ngrx/store/testing';

answered Feb 03 '20 at 14:33

Gal Margalit

5,525
6
52
56

Error: No Provider for Store! in @ngrx 4.x

3 Answers3