Redux Epic Angular JSでのサービスの注入

Question

AngularJS v1.6のRedux機能に「redux-observable」を使用しています。 次のコードは認識されないエピックここ

export const getAllBidsAPI : any = (action$: ActionsObservable<any>, store: any, { customerService = CustomerService }) => 
     action$.ofType(GET_ALL_BID) 
     .mergeMap((action : any) => 
      Observable.fromPromise(customerService.getCustomers()) 
      .map((res: any) => ({type : GET_ALL_BID_SUCCESS , payload : res.data.bid})) 
     ); 

たCustomerService用です。私はそれが注入されていないと思う。

const rootEpic = combineEpics(
    getAllBidsAPI 
); 

const rootReducer = combineReducers({ 
    bidReducer 
}); 

const epicMiddleware = createEpicMiddleware(rootEpic, { 
    dependencies : {CustomerService} 
}); 

export const store = createStore(
    rootReducer, 
    applyMiddleware(epicMiddleware) 
); 

ここでは、CustomerServiceをEpicの依存関係として追加します。しかし、私はエラーが発生します。

Reduxの-観測可能であることundefined依存関係のための最も一般的な理由は、それが実際にundefinedとして提供されることである未定義

Answer 1

のプロパティ「getCustomers」を読み取ることができません。通常はインポート/要求が正しくないためです。 CustomerServiceを正しくインポートしていることと、デバッガをcreateEpicMiddlewareに渡してundefinedであることを確認するファイルにデバッガを一時停止することを再度確認します。

私が見たもう一つは、依存関係注入をサポートしていない古いバージョンのredux-observableを使用していたことです。 しかし redux-observableは、叙事詩の3番目の引数として、デフォルトでを提供していないので、上記の最初の提案だと確信しています。したがって、あなたの場合、redux-observableが責任を負うことになっていた場合は、実際にはCannot read property 'customerService' of undefinedが返されます。なぜなら、3番目の引数は何もなく、あなたが提供したオブジェクトだからです。