ngrx/store init多次触发问题求助（含复现示例）

我碰到过不少开发者在ngrx 4.0+版本里遇到这种看似已经修复的重复init问题，尤其是在混用懒加载和非懒加载模块的场景下。结合你描述的情况——AppModule和懒加载的Module1Module各触发一次init，非懒加载的Module2Module正常——核心问题大概率出在懒加载模块的store配置重复初始化上。

为什么会出现重复init？ #

虽然ngrx 4.0修复了早期版本中初始化逻辑重复执行的bug，但如果你的懒加载模块（Module1Module）里不小心做了根级别的store配置，就会触发第二次init：

• 比如在Module1Module的imports数组里误导入了StoreModule.forRoot()（这个应该只在AppModule中调用一次）
• 或者导入了某个共享模块，而这个共享模块里错误地包含了StoreModule.forRoot()配置，被懒加载模块重复引入
• 极少数情况是自定义代码手动dispatch了@ngrx/store/init动作，或者Effects中存在错误触发该动作的逻辑

为什么重复init会导致动作历史重放？ #

ngrx的init动作是store初始化的核心触发点，它会触发store的状态重置并回放所有已记录的动作（如果启用了meta-reducer比如logger或Redux DevTools）。这就意味着每次init都会让你的Effects重新响应所有历史动作，自然会导致API请求被重复调用，产生大量无效请求。

解决步骤 #

1. 检查懒加载模块的store配置

   • 打开Module1Module的代码，确认imports里只有StoreModule.forFeature('module1', module1Reducer)这类feature级别的注册，绝对不能出现StoreModule.forRoot()
   • 如果用到了共享模块，检查共享模块是否只导出StoreModule.forFeature()的配置，或者根本不包含根级store初始化代码

2. 验证路由懒加载配置

   • 确认你的路由配置中，Module1Module是通过loadChildren异步加载的，比如：

     {
       path: 'module1',
       loadChildren: () => import('./module1/module1.module').then(m => m.Module1Module)
     }
     

   • 不要在AppModule的imports数组中直接导入Module1Module，否则它会变成非懒加载模块，也可能引发重复初始化

3. 检查DevTools和Meta-Reducers

   • 确保StoreDevtoolsModule.instrument()只在AppModule中配置，懒加载模块不要重复导入该模块，否则可能触发状态重置和重复init

4. 排查自定义初始化逻辑

   • 检查Module1Module的providers或组件的ngOnInit钩子中，有没有手动dispatchinit动作的代码，比如：

     store.dispatch({ type: '@ngrx/store/init' });
     

   • 检查Effects中是否有监听错误的动作，导致意外触发store初始化

如果按照以上步骤排查后还是存在问题，可以仔细梳理你的最小复现仓库中的模块依赖链，看看是否有某个模块被重复导入，或者存在循环依赖的情况——这些也可能间接导致store初始化逻辑被多次执行。

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