'Switch' 不是从'react-router-dom' 导出的. ch 警告. - Javascript

当我们使用 react-router-dom 的 Switch 组件时，可能会遇到这样的警告：

Warning: 'Switch' is not exported from 'react-router-dom'. (Ch React Hooks)

这条警告的意思是说，我们在导入 Switch 组件的过程中出现了错误。可能的原因有几个：

• 没有正确导入 Switch 组件。
• 导入的是错误的 Switch 组件。
• Switch 组件没有被正确安装。

接下来我们将逐一解决这些问题。

没有正确导入 Switch 组件

要正确导入 Switch 组件，我们应该这样写：

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

其中，react-router-dom 是 react-router 的一个用于浏览器应用程序的分支库。它提供了 Router、Route、Link 等组件，包含了 HashRouter 和 BrowserRouter 两种路由方式。

导入的是错误的 Switch 组件

如果我们导入了错误的 Switch 组件，那就会产生上述警告。为了避免这种情况，我们应该仔细检查导入的组件是否正确，也可以查看导入的模块是否与当前版本的 react-router-dom 一致。

Switch 组件没有被正确安装

如果以上两种情况都不是问题，那么我们需要确保 Switch 组件已经被正确安装。通常，我们在项目中使用 Switch 组件时，应该要确保项目中已经安装了 react-router-dom 库，可以使用以下命令进行安装：

npm install react-router-dom

安装完成后，我们需要在我们的代码中进行引用，如上面所述。

总之，要避免这个问题，我们需要确保正确导入和正确安装 Switch 组件，这样才能避免这个警告的产生。