React Router 6 和 Typescript - 索引属性类型“true”不可分配给类型“false”| 不明确的'。？

Question

我正在尝试为其父路由中的一个子路由创建索引路由，但我不断收到错误消息，提示类型“true”不可分配给类型“false |” 不明确的'。我如何解决它？

<Routes>
  <Route path="/" element={<Profile />}>
    <Route index path="/username" element={<ProfileDetails />} />
    <Route path="settings/profile" element={<EditProfile />} />
  </Route>
  <Route path="/login" element={<Login />} />
  <Route path="/register" element={<SignUp />} />
</Routes>

Answer 1

修复。正是因为这条路

<Routes>
  <Route path="/" element={<Profile />}>
    <Route index element={<ProfileDetails />} />
    <Route path="/username" element={<ProfileDetails />} />
    <Route path="settings/profile" element={<EditProfile />} />
  </Route>
  <Route path="/login" element={<Login />} />
  <Route path="/register" element={<SignUp />} />
</Routes>