React Router 路径与位置不匹配的问题

Question

我是 React 和 ViteJs 的新手，我现在的问题是，由于某种原因，我不知道它没有找到我定义的确切路径。 这是我最近的尝试

import './App.css';
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Routes,
  Link
} from "react-router-dom";
import Auth from './components/auth';

function App() {
  return (
    <Router>
      <Routes>
        <Route path={"/SignIn"} exact element={<Auth />} />
        <Route path={"/About"} exact element={<About />} />
      </Routes>
    </Router>
  );
}

export default App;

但是我也尝试过布局，但没有什么区别，我还尝试重新启动服务器缓存清除，检查所有依赖项，所以我认为它必须是某种逻辑错误。

Answer 1

我测试过。当你退出并使用 customJSX 时，它工作得很好。这意味着路由设置正确。也许这些组件中有问题或有条件，因此没有任何渲染。