Angular & ngrx：意外标记。需要构造函数、方法、访问器或属性

Question

我有一个 table ，我在其中添加、删除和更新数据，我使用 ngrx 执行 CRUD 方法，如果我的效果组件中有错误，我在尝试恢复错误时遇到问题. 错误在我的效果文件

这是错误：意外的标记。需要构造函数、方法、访问器或属性

动作

export const ActionTypes = {

   // addSucces: '[PeriodicElement] addSucces',
  addError: '[PeriodicElement] addError',

  preAdd: '[PeriodicElement] preAdd',
  Add: '[PeriodicElement] Add',

};

export const addTable = createAction(
  ActionTypes.Add,
  props<{ payload: PeriodicElement }>()
);

export const addTableError = createAction(
  ActionTypes.addError,
  props<{ payload: any }>()
);

效果

  addTable = createEffect(() =>
    this.actions.pipe(
      ofType(TableActions.ActionTypes.preAdd),
      mergeMap((name: any) =>
        this.tableService.create(name.payload).pipe(
          map(
            (table) => TableActions.addTable({ payload: table }),
            catchError((error) => of(TableActions.addTableError({payload: error})))
            )
          )
        )
      )
    )
  );

不知道这个是不是恢复错误的方法

Answer 1

catchError 不应在 map 运算符内部，而应在管道运算符中处于同一级别。

addTable = createEffect(() =>
    this.actions.pipe(
      ofType(TableActions.ActionTypes.preAdd),
      mergeMap((name: any) =>
        this.tableService.create(name.payload).pipe(
          map((table) => TableActions.addTable({ payload: table })),
          catchError((error) => of(TableActions.addTableError({payload: error})))
        )
      )
    )
  );

Angular & ngrx：意外标记。需要构造函数、方法、访问器或属性

Angular & ngrx: Unexpected token. A constructor, method, accessor, or property was expected

angular

typescript

ngrx

Angular & ngrx：意外标记。需要构造函数、方法、访问器或 属性

Angular & ngrx: Unexpected token. A constructor, method, accessor, or property was expected

angular

typescript

ngrx

Angular & ngrx：意外标记。需要构造函数、方法、访问器或属性