这个错误在 react-router-dom 中意味着什么？答案

【问题标题】：how does this error means in react-router-dom?这个错误在 react-router-dom 中意味着什么？
【发布时间】：2022-01-06 11:02:36
【问题描述】：

当我从 react-router-dom error screen shot 导入开关时当我从 react-router enter image description here导入开关时@

我从https://v5.reactrouter.com/web/guides/quick-start复制代码

【问题讨论】：

请不要将屏幕截图用于错误消息或一般文本。无法搜索图像中的文本，并且该图像将来可能会变得不可用。相反，只需将错误文本粘贴到您的问题中。
请查看How to Ask和Please do not upload images of code/errors when asking a question.

标签： reactjs switch-statement react-router-dom

【解决方案1】：

你好，因为 Switch 是从 react-router 导出的

import { Switch } from "react-router";

【讨论】：

与 react-router 相同的错误，在更新的问题中观看屏幕截图

【解决方案2】：

我在从 react-router-dom 导入 Switch 时遇到了类似的问题。就我而言，我使用的是最新（我认为是 v6）版本的 react-router-dom，其中“Switch”被“Routes”替换。

所以要么你检查你的 react-router-dom 的版本并将 Switch 替换为 Routes 并将路由声明从 <Route path="/" component={Dashboard} /> 更改为 <Route path="/" element={Dashboard} /> 如果它是 v6，或者你想降级你的 react-router-dom 版本并继续使用Switch。

您的电话。

【讨论】：

出现错误，但现在它在浏览器上显示空白屏幕
能否请您查看控制台选项卡（右键单击、检查、控制台），看看是否有任何错误消息？

【解决方案3】：

尝试安装npm i react-router-dom@5.2.0这个版本Switch在这个版本中工作

【讨论】：

谢谢它的工作，你是最棒的
如果我的回答对你有帮助，那就接受吧;)

【解决方案4】：

Switch 是从“react-router”导出的，而不是从“react-router-dom”导出的

转换这个：

import { Switch } from "react-router-dom";

到：

import { Switch } from "react-router";

【讨论】：

我遇到了同样的错误，看屏幕截图我已经更新了