📅  最后修改于: 2023-12-03 14:51:14.140000             🧑  作者: Mango
react-router-dom
中找不到导出 Switch
(导入为 Switch
)如果你在 react-router-dom
中使用了 Switch
且出现了找不到导出 Switch
的错误,那么这很可能是由于你的导入方式不对导致的。
一般而言,我们会这样导入 Switch
:
import { Switch } from 'react-router-dom';
然而,如果你使用了如下方式导入 Switch
:
import Switch from 'react-router-dom/Switch';
那么就会出现找不到导出 Switch
的错误。
这是因为在 react-router-dom
中,Switch
并不是默认导出。因此你需要使用原本的 import { Switch } from 'react-router-dom'
的方式来导入 Switch
。
另外,如果你只需要使用 Switch
,而不需要使用其他组件,可以将导入方式简化为以下形式:
import Switch from 'react-router-dom/es/Switch';
这样可以减小打包文件的大小。
最后需要注意的是,如果你使用了 react-router
,那么你需要安装并导入 react-router-dom
而不是 react-router
。因为 react-router-dom
是为 React DOM 服务的,而 react-router
是通用的。
希望这篇文章能够帮助你解决问题!