子模块导入NgxsModule.forRoot报错，能否无需根模块导入Ngxs？

错误原因 #

你遇到的NullInjectorError: No provider for InjectionToken USER_PROVIDED_NGXS_EXECUTION_STRATEGY!，根源在于：

• 重复调用NgxsModule.forRoot()：第一种写法连续调用两次forRoot，会导致核心服务重复注册，引发依赖冲突。
• 错误混用forRoot和forFeature：第二种写法在同一模块同时使用forRoot和forFeature，但forFeature仅用于在已完成NGXS初始化的模块中添加子状态，不能与forRoot在同一模块搭配。

NgxsModule.forRoot()的核心作用是注册NGXS全局核心服务（如Store、执行策略等），这些服务是单例的，重复或错误调用都会导致依赖注入失败。

解决方案 #

要在单独子模块中使用NGXS且不修改根模块，只需按以下方式调整子模块代码：

正确的子模块写法 #

@NgModule({
  declarations: [ChildComponentComponent],
  imports: [
    CommonModule,
    // 仅调用一次forRoot，传入目标状态和配置
    NgxsModule.forRoot([ChildState], { developmentMode: isDevMode() })
  ]
})
export class ChildComponentModule { }

关键注意事项 #

1. 全局仅调用一次forRoot：整个应用中只能有一处NgxsModule.forRoot()调用，无论是在根模块还是子模块，否则会引发单例服务冲突。
2. 无需搭配forFeature：在子模块中直接通过forRoot注册所需状态即可，不需要额外使用forFeature。
3. 懒加载/预加载兼容：如果子模块是懒加载的，该写法完全可行；如果是预加载模块，确保根模块没有导入任何NGXS相关模块即可。

根模块导入是否必须？ #

不是必须的。NgxsModule.forRoot()的本质是注册全局单例服务，只要在应用启动过程中（无论是根模块还是懒加载子模块）调用一次，就能完成NGXS的初始化，供对应模块内的组件使用。

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