安装react-redux后Redux Toolkit出现模块解析错误，如何解决？

这不是Redux Toolkit的bug，大概率是项目配置或依赖安装环节出了问题，以下是排查和解决步骤：

• 卸载冗余的redux依赖：@reduxjs/toolkit本身已经内置了redux包，单独安装redux会导致版本冲突，触发模块解析错误。执行命令卸载：

  npm uninstall redux
  # 若使用yarn则执行
  yarn remove redux
  

• 清理依赖缓存并重装：缓存损坏也可能引发这类问题，按以下步骤操作：

  1. 删除项目根目录的node_modules文件夹
  2. 删除package-lock.json（或yarn.lock）文件
  3. 重新安装全部依赖：

     npm install
     # 或
     yarn install
     

• 检查路径映射配置：确认webpack、babel等工具的alias设置中，是否误将redux指向了不存在的src/redux路径，如有错误配置需修正。

• 确认导入方式正确：确保从@reduxjs/toolkit正确导入所需API，示例：

  import { configureStore, createSlice } from '@reduxjs/toolkit'
  import { Provider } from 'react-redux'
  

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