（React Typescript）“组件”指的是一个值，但在这里被用作类型。您指的是 'typeof Component' 吗？

Question

我想制作路由数组并将其应用到来自react-router@6的useRoutes上。目前我使用的是 typescript 和 vite。但是，当尝试将我的组件分配给“元素”键时，我遇到了错误。

type HelloWorld = / unresolved / any
'HelloWorld' 引用一个值，但在这里被用作类型。您的意思是“typeof HelloWorld”吗？ts(2749)
解析错误：“>”expected.eslint

import { useRoutes, RouteObject } from "react-router-dom"

import { HelloWorld } from "@/HelloWorld"

export function Router (): ReturnType<typeof useRoutes> {
  const routes: RouteObject[] = [
    {
      path: "hello-world",
      element: <HelloWorld />
    }
  ]

  return useRoutes(routes)
}

Answer 1

请确保您的文件具有.tsx文件扩展名而不仅仅是一个.ts文件。