如何解决“‘BrowserRouter’未定义”错误？

Question

我已经安装了react-router-dom，其版本为：[电子邮件受保护]。 我不明白为什么错误不断提示。错误内容如下。 谁能帮忙看看是什么问题？

[eslint] 
src/App.js
  Line 11:6:  'BrowserRouter' is not defined  react/jsx-no-undef

Search for the keywords to learn more about each error.

import './App.css';
import Server from './Component/Server'
import { BrowserRouter as Routes, Router,Route} from "react-router-dom";
import SignIn from './Component/SignIn'

function App() {
  return (
    <BrowserRouter>
      <div className="App">
      <Server/>
      <Routes>
        <Route path="/" element={<Server />} />
        <Route path="/SignIn" element={<SignIn />}/>
      </Routes>
      </div>
    </BrowserRouter>
  );
}

export default App;

我正在尝试使用BrowserRouter在单击菜单选项卡时异步切换屏幕。

Answer 1

在导入语句中，您将 BrowserRouter 别名为 Routes，并且您在组件中使用 BrowserRouter。你应该这样写：-

<Router>
      <div className="App">
        <Server />
        <Routes>
          <Route path="/" element={<Server />} />
          <Route path="/SignIn" element={<SignIn />} />
        </Routes>
      </div>
    </Router>