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-路由器）。div但是，即使仅配置一个简单的根路由（返回一个简单的“Hello World！”），它也根本不起作用。在里面。

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

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

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

export default router

Answer 1

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

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

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

我希望这对你有用