React router dom v6 不会重定向到未找到

所以我刚刚从react-router-domv5 到 v6。

我认为，exact不再存在，因为它被省略了。但就我而言，它不起作用。

如果找不到路由，则应重定向到not-found页面，但无法弄清楚为什么它不起作用。它只是打印了一张白页...

所以，这是我的 BrowerRouter ：

<BrowserRouter>
    <Routes>
      <Route path="/" element={<Home />} />
      <Route path="/about" element={<AboutUs />} />
      <Route path="/contact" element={<Contact />} />
      <Route path="/publish-article" element={<WriteArticle />} />
      <Route path="/search-article" element={<Search />} />
      <Route path="/article/:id" element={<Article />} />
      <Route path="/quizz" element={<Quizz />} />
      <Route path="/login" element={<Login />} />
      <Route path="/register" element={<Register />} />
      <Route path="/profile/:username" element={<UserProfile />} />
      <Route path="/profile-settings" element={<ProfileSettings />} />
      <Route path="/not-found" element={<NotFound />} />
      <Route element={<NotFound />} />
    </Routes>
  </BrowserRouter>

有人知道我错过了什么吗？

您仍然需要一条未找到的路线的路径，并将其作为通配符。

<Route path="*" element={<NotFound />} />

但如果您确实希望网址重定向到not-found然后只要有Navigate里面有组件

import { Navigate } from 'react-router-dom'

<Route path="*" element={<Navigate to="not-found"/>} />