react-router v6配置时类型错误

Question

这是我的home组件

function Home(){
   return <div>home</div>
}

export default Home

这是react-router v6 配置对象路由

import Home from "@/pages/Home"
const routes=[
    {
        path:'/',
        title:"首页",
        element: <Home />,
    }
]
```bash

报错
type Home = /*unresolved*/ any
“Home”表示值，但在此处用作类型。是否指“类型 Home”?ts(2749)
Parsing error: '>' expected.eslint

Answer 1

将当前文件后缀改为tsx，并引入react