React router dom 不渲染我的页面（v6）

Question

我正在开发一个 MERN 项目，我不确定为什么我的页面没有被渲染。我正在遵循教程，我们有确切的代码。

这是我的App.jsx

import './App.css'
import { Routes, Route } from 'react-router-dom'
import IndexPage from './components/IndexPage'

function App() {
  return (
      <Routes>
        <Route index element={<IndexPage />} />
      </Routes>
    )
}

export default App

和main.jsx

import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.jsx'
import './index.css'
import { BrowserRouter } from 'react-router-dom'

ReactDOM.createRoot(document.getElementById('root')).render(
  <React.StrictMode>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>,
)

我正在使用 [电子邮件受保护] 和 [电子邮件受保护]。已经尝试删除node_modules并再次运行npm install，但没有成功。

Answer 1

简单错误：忘记在 mt IndexPage 中添加 return()...