Question

我想发出两个动作在catchError块中但我有这个错误

类型的参数＆＃39;（错误：{}）=＆gt;空隙＆＃39;不能分配给参数类型＆＃39;（值：{}，索引：数字）=＆gt; ObservableInput＆LT; {}＆GT;＆＃39 ;.类型＆＃39;空隙＆＃39;不能分配给＆＃39; ObservableInput＆lt; {}＆gt;＆＃39;

import { Injectable, Inject } from '@angular/core';
import { Actions, Effect } from '@ngrx/effects';
import { Router } from '@angular/router';

import { catchError, map, mergeMap, switchMap } from 'rxjs/operators';
import { of } from 'rxjs/observable/of';

import {
  AuthenticationAccount
} from '../../models/account.model';

import * as fromActions from '../actions';

import { ACCOUNT_SERVICE } from '../../tokens';

@Injectable()
export class AccountEffects {
  @Effect()
  account$ = this.actions$.ofType(fromActions.ACCOUNT)
    .pipe(
    switchMap(() => {
      return this.accountService.account()
        .pipe(
        map((account: AuthenticationAccount) => {
          return { type: fromActions.ACCOUNT_SUCCESS, payload: account };
        }),
        catchError((error) => {
          this.router.navigateByUrl('/home');
          return mergeMap((error) => {
            [{ type: fromActions.ACCOUNT_FAIL, payload: error },
            { type: fromActions.LOGIN_RESET}]
          })
        })
        )
    })
    );
  constructor(
    private actions$: Actions,
    private router: Router,
    @Inject(ACCOUNT_SERVICE) private accountService
  ) { }
}

请帮帮我吗？

Answer 1

catchError部分错误，您使用mergeMap作为静态方法，但在pipe范围之外，这是不可能的。

按如下方式重做：

import { from } from 'rxjs/observable/from':

catchError((error) => {
          this.router.navigateByUrl('/home');
          const actions = [{ type: fromActions.ACCOUNT_FAIL, payload: error }, { type: fromActions.LOGIN_RESET}];
          return from(actions);
        })

顺便说一句：

为什么要使用令牌注入服务？
为什么不使用动作创作者？您可以使用类或方法来生成新对象，而不是创建新对象。

在catchError里面的Ngrx mergeMap加入更多动作让我出错

1 个答案: