Angular 16 + NgRx 16：HttpInterceptor触发NG0600错误原因咨询

错误原因 #

这个NG0600错误的核心是：Angular默认禁止在effect执行上下文或computed函数内部修改WritableSignal，这类操作容易引发不可预测的变更检测循环或状态异常。

结合你的代码和错误栈，触发逻辑是：

1. 当某个HTTP请求发起时（大概率是从NgRx Effect内部触发的请求）
2. 你的HttpInterceptor拦截请求，调用this.store.dispatch()分发httpLoadingBegin/httpLoadingEnd action
3. 这些action对应的reducer如果使用了NgRx Signal State（比如createSignalReducer），reducer内部会直接修改Signal来更新网络状态
4. 由于Interceptor的dispatch操作是在发起请求的Effect上下文里执行的，而Effect默认不允许内部写入Signal，因此触发Angular的NG0600拦截。

另外，错误栈最后指向ngrx-store-devtools.mjs，也可能是NgRx DevTools的内部Effect在处理action时，触发了Signal修改，同样因默认限制而报错。

解决方案 #

根据触发场景，可选择以下方案：

方案1：允许发起请求的Effect写入Signal #

如果你的HTTP请求是自定义NgRx Effect发起的，需要在该Effect的创建配置中添加allowSignalWrites: true，明确允许Effect内部触发Signal写入：

// 示例Effect代码
loadData$ = createEffect(() => {
  return this.actions$.pipe(
    ofType(loadData),
    switchMap(() => this.http.get('/api/data'))
  );
}, { allowSignalWrites: true }); // 添加该配置

方案2：调整NgRx DevTools配置 #

若错误由DevTools内部逻辑触发，可修改Store的DevTools配置，或临时禁用DevTools验证：

// 示例：Store配置文件（如app.module.ts）
StoreModule.forRoot(reducers, {
  devtools: {
    enabled: !environment.production,
    maxAge: 25,
    logOnly: environment.production
  }
})

额外检查 #

确认你的network.reducer若使用Signal State，是通过createSignalReducer等NgRx官方API创建的，避免手动在非安全上下文修改Signal。

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