React项目编译报错：'Redirect'未从react-router-dom导出求解决

问题根源 #

react-router-dom从v6版本开始彻底移除了Redirect组件，改用Navigate组件实现页面跳转逻辑，这是导致你编译报错的直接原因。

解决方案 #

1. 适配v6+版本（推荐）

修改SignupForm.jsx中的代码：

• 替换导入语句：

  // 旧代码
  import { Redirect } from 'react-router-dom';
  
  // 新代码
  import { Navigate } from 'react-router-dom';
  

• 替换组件使用方式：
  原Redirect的跳转逻辑：

  <Redirect to="/login" />
  

  改为Navigate（添加replace属性模拟原Redirect的替换路由栈行为）：

  <Navigate to="/login" replace />
  

2. 降级到v5版本（不推荐）

如果暂时不想适配v6，可执行命令降级react-router-dom：

npm install react-router-dom@5
# 或使用yarn
yarn add react-router-dom@5

降级后无需修改原有Redirect相关代码，但会错过v6的新特性与性能优化。

3. 确认版本

打开你的package.json，查看react-router-dom的版本字段，确认是v5还是v6，对应上述方案调整。

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