reactjs - React Router v6.4.1 createBrowserRouter 不工作

Question

我正在使用react v18和react-router-dom v6.4.1创建一个应用程序，其中我使用createBrowserRouter函数，如文档中所示( https://reactrouter.com/en/main/start/tutorial#adding-a-router )。然而，即使只配置一个简单的根路由，返回一个带有“Hello World!”的简单 div ，它也根本不起作用。就在其中。

这是我使用的代码和我得到的错误。我有什么遗漏的吗？

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

const router = createBrowserRouter([
  {
    path: '/',
    element: <div>Hello World!</div>
  }
])

export default router

Answer 1

我刚刚在我的电脑上尝试过这个

您应该在 .tsx 文件中声明它。

它在 .ts 文件中不起作用。

我希望这对你有用