export 'Switch' (imported as 'Switch') was not found in 'react-router'
时间: 2024-01-22 17:16:00 浏览: 129
根据提供的引用内容,当在使用`react-router`库时,出现了`export 'Switch' (imported as 'Switch') was not found in 'react-router'`的错误提示时,可能是因为`Switch`组件没有正确导入。这个错误通常发生在使用`react-router-dom`库时,将`Switch`组件错误地导入为`Switch`而不是`BrowserRouter`。
以下是一个示例,展示了如何正确导入和使用`Switch`组件:
```javascript
import { BrowserRouter, Switch, Route } from 'react-router-dom';
function App() {
return (
<BrowserRouter>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
<Route path="/contact" component={Contact} />
</Switch>
</BrowserRouter>
);
}
```
请注意,正确导入`Switch`组件需要使用`react-router-dom`库,而不是`react-router`库。确保在项目中正确安装了`react-router-dom`库,并使用正确的导入语句。
相关问题
export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
这个错误通常是因为你使用了错误的导入方式。在 React Router v6 中,Switch 被移动到了 react-router 包中,所以你需要从 react-router 中导入 Switch,而不是从 react-router-dom 中导入。可以尝试使用如下代码导入 Switch:
```javascript
import { Switch } from 'react-router';
```
如果你仍然想从 react-router-dom 中导入 Switch,你需要将 React Router 升级为 v6 版本。如果你使用的是旧版本的 React Router,那么你需要从 react-router-dom 中导入 Switch:
```javascript
import { Switch } from 'react-router-dom';
```
希望这可以帮助你解决问题。
export 'redirect' (imported as 'redirect') was not found in 'react-router-dom'
"export 'redirect' (imported as 'redirect') was not found in 'react-router-dom'" 的意思是在 'react-router-dom' 中找不到名为 'redirect' 的导出项。
可能是因为你在代码中使用了 'redirect',但是没有正确导入它。你需要检查你的代码,确保你已经正确地导入了 'redirect'。
如果你仍然无法解决问题,你可以尝试更新你的 'react-router-dom' 版本或者查看官方文档以获取更多帮助。
阅读全文