尝试导入错误：'Switch'未从'react-router-dom'导出。 造成这个错误的原因是什么？

20 浏览
0 Comments

尝试导入错误：'Switch'未从'react-router-dom'导出。 造成这个错误的原因是什么？

我不知道为什么会出现这个错误，而且我在任何地方都找不到答案。我已经卸载了 react-router-dom 包并重新安装，但它仍然告诉我 switch 模块不是从 react-router-dom 导出的。这是我的代码。

我得到的错误：

尝试导入错误：\'Switch\' 未从 \'react-router-dom\' 导出。

代码

import React from 'react';
import './App.css';
import NavBar from './components/navbar.js';
import Footer from './components/footer.js';
import Home from './components/pages/homepage/home.js';
import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom';
function App() {
  return (
    
  );
}
export default App;

admin 更改状态以发布 2023年5月22日
0

2 答案

0 Comments

如果你正在使用 react-router-dom v6，看起来 Switch 已经被 Routes 替换了。

0
0 Comments

在react-router-dom v6中，\"Switch\"被routes \"Routes\"所取代。你需要更新导入的部分，从\n\n

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

\n\n到\n\n

import { Routes ,Route } from 'react-router-dom';

\n\n你还需要更新路由声明，从\n\n

\n\n到\n\n

} />

\n\n在react-router-dom中，你也不需要在路由声明中使用exact。\n\n如需更多信息，可以访问官方文档：\n\n升级到react-router-dom v6

0