在“react-router-dom”中找不到导出“Switch”(导入为“Switch”) - Javascript

当使用 react-router-dom 中的 Switch 组件时，有时会出现以下错误提示：

Module not found: Can't resolve 'react-router-dom/Switch' in '/path/to/component'

这个错误提示的意思是无法在路径 /path/to/component 中找到 Switch 组件。

解决方案

这个错误通常是由于在导入 Switch 时出现了问题导致的。确保你的导入语句与以下示例相似：

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

如果你使用了别名或导入了整个库，则可能需要调整导入语句。例如，如果你将 react-router-dom 导入为 rrd，则应该这样导入 Switch：

import { Switch } from 'rrd';

请注意，如果你导入了整个 react-router-dom 库，则可以直接使用 Switch，无需从中解构导出。

import ReactRouterDOM from 'react-router-dom';
// ...
<ReactRouterDOM.Switch>
  {/* ... */}
</ReactRouterDOM.Switch>

结论

当你在 react-router-dom 中使用 Switch 时，确保你的导入语句正确。如果你仍然遇到问题，请检查你的环境设置和依赖关系。