Angular：无法将商店注入服务

Question

I am trying to inject a store into a service, but I am receiving the following error:

Cannot read property 'select' of undefined

This is being raised on this line:

this.authUser$ = this.store.select(GetAuthUser);

For some reason, the framework is having difficulty creating the store. The whole constructor of the service looks like this:

constructor(private store: Store<State>) {
  super();

  this.authUser$ = this.store.select(GetAuthUser);
}

The State looks like this:

export interface State {
  navigation: fromNavigation.State;
  router: RouterReducerState;
  auth: fromAuth.State;
}

I have tried being more specific with the State and using just the authState.State , but this doesn't work.

I have used the same code in a component, using the same state Store<State> in the constructor, and it works fine. It's just using it in a service is the problem.

I'm sure it's something pretty simple, but I can't figure it out. What could be wrong? Do you need any more information?

Answer 1

Ok, so it turns out I was being an idiot.

The service that had the store in its constructor was not being created by DI, it was being created in a factory. Now I need to work out how to inject the store into a factory!