使用@angular-redux/store搭配Redux 4.0.0时编译报错求助

我来帮你搞定这个编译错误！这个报错的核心是类型不匹配：NgRedux<RootState>类里的dispatch方法类型是Dispatch<RootState>，但它需要实现的ObservableStore<RootState>接口要求的是Dispatch<AnyAction>——简单说就是你的应用状态类型RootState被错误当成了Redux Action的类型来处理，大概率是依赖版本不兼容或者类型配置出了问题。

下面是几个针对性的解决方案，按优先级尝试：

• 先检查依赖版本兼容性
  不同版本的@angular-redux/store对redux的类型定义依赖差异很大，版本不匹配很容易触发这类类型错误：

  1. 打开你的package.json，查看@angular-redux/store和redux的版本号。比如@angular-redux/store v9及以下建议搭配redux v3.x；v10+可以适配redux v4.x。
  2. 如果版本不匹配，卸载后重新安装对应版本：

     npm uninstall @angular-redux/store redux
     npm install @angular-redux/store@10.0.0 redux@4.2.0 # 示例版本，根据你的Angular版本调整
     

• 修正RootState类型与NgRedux注入方式
  确保你没有把状态类型错误地当成Action类型传递：

  1. 在根模块中正确注入NgRedux，明确指定状态类型：

     import { NgRedux, NgReduxModule } from '@angular-redux/store';
     import { RootState, rootReducer, initialState } from './store';
     
     @NgModule({
       imports: [NgReduxModule],
       // ...其他模块配置
     })
     export class AppModule {
       constructor(private ngRedux: NgRedux<RootState>) {
         ngRedux.configureStore(rootReducer, initialState);
       }
     }
     

  2. 确认RootState是纯应用状态的类型定义，不是Action类型：

     // store/root.state.ts
     export interface RootState {
       auth: AuthState;
       products: ProductState;
       // 其他状态切片
     }
     

• 临时调整TypeScript配置排查问题
  如果版本没问题但还是报错，可以先临时放宽TypeScript的严格检查（不推荐长期使用，只是用来快速验证）：
  在tsconfig.json的compilerOptions中添加或修改：

  {
    "compilerOptions": {
      "skipLibCheck": true,
      "strictFunctionTypes": false
    }
  }
  

  skipLibCheck会跳过第三方库的类型检查，能快速消除这个报错，但如果有其他类型问题可能被隐藏，建议找到根本原因后关闭这个选项。

• 确保dispatch传递的是正确的Action对象
  最后检查组件中调用dispatch的代码，确保你传递的是符合Action类型的对象，而不是状态数据：

  // 正确示例
  import { NgRedux } from '@angular-redux/store';
  import { RootState } from '../store';
  import { AuthActions } from '../store/auth.actions';
  
  @Component({ /* ... */ })
  export class LoginComponent {
    constructor(private ngRedux: NgRedux<RootState>) {}
  
    handleLogin() {
      // 传递的是Action对象，不是状态
      this.ngRedux.dispatch(AuthActions.login({ username: 'test', password: '123' }));
    }
  }
  

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