自定义反应头盔不能用作JSX组件。

Question

我用叉子叉了反作用头盔回购(https://github.com/nfl/react-helmet)。

所以我有我的自定义组件：

import { Helmet } from 'react-helmet-custom';

当我在类型记录文件中使用它时，我得到了以下错误：

ERROR in /home/xxxxx/Documents/xxxxx/website-xxxxx/src/pages/homepage/HomeHelmet.tsx
./src/pages/homepage/HomeHelmet.tsx 77:3-9
[tsl] ERROR in /home/xxxxx/Documents/xxxxx/website-xxxxx/src/pages/homepage/HomeHelmet.tsx(77,4)
      TS2786: 'Helmet' cannot be used as a JSX component.
  Its instance type 'HelmetWrapper' is not a valid JSX element.
    Type 'HelmetWrapper' is missing the following properties from type 'ElementClass': context, setState, forceUpdate, props, and 2 more.

我安装了这些类型：

npm install --save @types/react-helmet

问题是这些类型在我的自定义组件中是不可见的。所以我不能在打字记录文件中使用它。

我该怎么解决呢？

Answer 1

我也经历过类似的问题，但在Azure静态Web应用程序构建管道中。从阅读this thread，似乎这是一个与反应18，打字稿和头盔有关的问题。

从引用的线程中，对我有用的解决方案是：

卸载@types/react-helmet

• add文件helmet.d.ts，其内容为：declare module "react-helmet";

一旦我这样做，构建就成功完成了。

线程中的另一个解决方案，我不需要，但这将是我的最后一招，就是在{/* @ts-ignore */}的开始标记之前将<Helmet />添加到<Helmet />中。