TS2604：JSX 元素类型“Header”没有任何构造或调用签名

Question

我在我的 React 应用程序中使用 semantic-ui-react 和打字稿，它给出了错误。该项目使用 PnPify.

TS2604: JSX 元素类型 'Header' 没有任何构造或调用 签名。

我是 typescript 的新手，不知道如何解决这个问题，这里有一个组件

import React from 'react'
import Card from '../UI/Card'
import {Header } from 'semantic-ui-react'


const Test: React.FC = () => {

    return (
         <div>
             <Card>
                <Header> Test </Header>
            </Card>
        </div>
    )
}


export default Test

编辑：我为类型复制粘贴了这个定义文件，它似乎可以工作，但我不确定这是正确的方法 https://gist.github.com/tomitrescak/6261ad27dbe43aad03b2497721d751f5

Answer 1

当您最终将软件包安装到错误的目录时，您也会遇到此错误。

确保您的应用程序目录（您运行 create-react-app 并安装所有依赖项的位置）也是您安装 semantic-ui-react 的位置。

Answer 2

我通过检查我的@types/react 和@types/react-dom 包的版本修复了这个错误。

在我的例子中，我安装了 React 版本 16.X.X，但是 @types 包的版本是 18.X.X。

当我将 @types 包更改为 16.X.X 以匹配我的 React 版本时，错误消失了。