如何在Ngrx根Effect中清晰查看完整Action流的执行序列？

首先，你直接console.log(this.actions$)看到的是Observable流的实例对象，不是实际触发的Action数据——这就是你看不懂输出的原因：actions$是一个持续发射Action的流，只有当它被订阅（这里Effect会自动帮你完成订阅）时，才会输出具体的Action值。

要在控制台清晰看到Action的执行顺序和具体内容，只需要做两个简单修改：

1. 在tap中打印具体的Action对象 #

修改你的Effect代码，给tap传递当前流过的action参数，然后打印这个参数的核心信息（比如类型、负载）：

@Injectable() 
export class AmplitudeEffects { 
  constructor(private actions$: Actions) {} 

  @Effect({ dispatch: false }) 
  public amp = this.actions$.pipe( 
    // 接收当前触发的Action实例
    tap((action) => {
      // 打印完整Action结构，方便查看细节
      console.log('📋 当前触发的Action:', action);
      // 单独打印Action类型，更直观追踪执行顺序
      console.log('🔄 Action执行顺序:', action.type);

      // 注意：Amplitude的事件参数需要从Action中提取
      // 假设你的Action结构是 { type: string, payload: { category, name, desc, property } }
      const { eventCategory, eventName, eventDescription, eventProperty } = action.payload;
      AmplitudeService.sendValues(eventCategory, eventName, eventDescription, eventProperty);
    })
  ); 
}

2. 可选：过滤特定Action（避免控制台刷屏） #

如果你不需要监听所有Action，只想关注某一类（比如特定业务模块的），可以在pipe中添加filter操作符，精准筛选目标Action：

import { filter } from 'rxjs/operators';

// ...

@Effect({ dispatch: false }) 
public amp = this.actions$.pipe( 
  // 只监听以[Amplitude]开头的Action
  filter(action => action.type.startsWith('[Amplitude]')),
  tap((action) => {
    console.log('📋 目标Action:', action);
    // ... 后续埋点逻辑
  })
);

额外提示：关于Amplitude事件参数 #

你原来的代码里AmplitudeService.sendValues的参数（eventCategory等）是直接写死的，但这些值应该来自Action的payload吧？一定要记得从当前触发的action中提取对应数据，否则会出现参数未定义的错误。

这样修改后，控制台就会按Action触发的真实顺序，清晰输出每个Action的类型和具体内容，你就能直观追踪整个流转过程了。

内容的提问来源于stack exchange，提问作者IWI