Javascript 如何在angular中删除无效操作错误

我尝试单击按钮从服务器获取数据时出现

无效操作错误

。我单击按钮获取数据。但我收到此错误

preview-fe7237b13d780dbf847da.js:1 ERROR Error: Effect "BanklistEffect.recipeFetch" dispatched an invalid action: [object Object]
    at reportInvalidActions (effects.umd.js:sourcemap:185)
    at verifyOutput (effects.umd.js:sourcemap:173)
    at MapSubscriber.eval [as project] (effects.umd.js:sourcemap:231)
    at MapSubscriber._next (map.ts:78)
    at MapSubscriber.Subscriber.next (Subscriber.ts:102)

这是我的密码

单击事件句柄

---

我正在使用

ngrx

进行状态管理。我想获取此数据并在第

页上显示您应该返回生效的操作，而不是可观察的操作：

从'@ngrx/effects'导入{Actions，Effect}；
从'rxjs/operators'导入{switchMap，map，catchError}；
从'@angular/common/http'导入{HttpClient}；
从“@angular/core”导入{Injectable}；
从“/bank.action”导入*作为银行操作；
从“./Bank.reducer”导入{Bank}；
@可注射（）
导出类BanklistEffect{
专用url=https://biz.timesofindia.indiatimes.com/bankifsc/getlist';
@效果（）
recipeFetch=this.actions$
.of类型（BankActions.FETCH_BANKLIST）。管道(
开关映射（（操作：BankActions.BankAction）=>{
返回this.http.get（this.url）；
}),
映射（res=>newsavebanksaction（res）），
catchError（err=>console.log（err）），
)
构造函数（私有操作$：操作，
专用http:HttpClient）{
}
}

@user944513当然可以，请看一下。如果你能看到这个想法，它应该被重构

fetchData(){
    this.store.dispatch(new FetchBankList());
  }