NGXS使用forFeature注册状态时返回对象而非实际数据及重复请求问题

问题原因分析 #

1. 状态两层嵌套的问题 #

核心有两个常见诱因：

• 状态类的选择器装饰器用错：你在MyFeatureState类中给getAll静态方法加的是@Select()装饰器，这个装饰器是专门在组件侧声明可订阅状态属性用的，状态类内部定义选择器必须使用@Selector()装饰器（注意末尾多了or后缀）。装饰器用错会导致选择器没有正确解析状态切片，直接返回了整个状态切片对象而非你要取的myFeatures字段。
• 状态重复注册：如果你既在根模块的NgxsModule.forRoot()参数中传入了MyFeatureState，又在特性模块的NgxsModule.forFeature()中重复注册了同一个状态类，NGXS会将状态重复挂载，导致出现两层同名的myFeatures嵌套结构。

2. 状态缓存失效、重复发起请求的问题 #

核心原因是状态切片被重复初始化：

• 如果你除了懒加载路由导入MyFeatureModule之外，还在其他同步加载的模块（比如根模块、共享模块）中导入了MyFeatureModule，会导致NgxsModule.forFeature([MyFeatureState])被执行多次，每次执行都会重置对应状态切片到defaults定义的初始值，直接丢失之前请求存入的缓存数据，每次进入页面都会重新发起请求。
• 另外如果你的状态类MyFeatureState被同时加入了多个模块的providers数组，也会导致依赖注入时生成多个实例，触发状态重复初始化。

修复方案 #

• 把状态类中getAll方法上的@Select()替换为@Selector()，注意从@ngxs/store导入正确的装饰器。
• 检查全局导入逻辑：根模块的NgxsModule.forRoot()只注册全局通用的状态，特性状态仅在对应特性模块的forFeature中注册一次，确保没有重复注册。
• 检查MyFeatureModule的导入逻辑：仅在懒加载路由中配置导入，不要在其他同步加载的模块中重复导入该模块。
• 不要把MyFeatureState加入任何模块的providers数组，NGXS会自动处理状态类的注入。

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