Redux Toolkit与React-redux store类型报错：'store'属性类型不兼容

问题原因 #

这个问题是依赖版本不匹配导致的，核心是你本地安装的redux核心包版本和@reduxjs/toolkit 1.6.2要求的版本不兼容：

• @reduxjs/toolkit 1.6.x 要求 redux 版本 >=4.1.0 且 <5.0.0
• 若本地 redux 版本低于4.1.0，或者高于等于5.0.0，都会出现RTK生成的EnhancedStore类型和react-redux要求的Store类型定义不匹配的报错，你看到的getState属性缺失本质是类型定义对不上，不是运行时真的没有这个方法。

解决步骤 #

1. 先卸载现有冲突的依赖，执行命令：

npm uninstall redux @reduxjs/toolkit react-redux
# 用yarn的话执行：yarn remove redux @reduxjs/toolkit react-redux

2. 重新安装匹配版本的依赖，不需要手动安装redux，@reduxjs/toolkit会自动安装对应兼容版本的redux：

npm install @reduxjs/toolkit@1.6.2 react-redux@7.2.6
# 用yarn的话执行：yarn add @reduxjs/toolkit@1.6.2 react-redux@7.2.6

临时规避方案（不推荐长期使用） #

如果暂时不想调整依赖版本，可以在传递store给Provider时手动做类型断言：

import type { Store, AnyAction } from 'redux'

// ...组件内代码
<Provider store={store as unknown as Store<any, AnyAction>}>

额外检查项 #

确认store文件的导入路径是否正确：如果你的store配置文件是src/store.ts，导入路径应该是import store from './store'，如果放在src/stores/index.ts才用./stores路径，路径错误不会触发类型报错，但会导致运行时模块找不到的问题。

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