无法将Office UI Fabric React组件添加到现有项目

Question

我试图将Office UI Fabric React Components添加到Existing Project。我的项目是通过Visual Studio 2019创建的新ASP.NET Core Web应用程序。此项目是通过React.js和Redux模板使用ASP.NET Core 3.0（预览版7）创建的。启动后，我便跟随Fabric React - Add to Existing Project docs。

1. 我导航到创建的Web项目中的ClientApp目录。
2. 已执行npm install office-ui-fabric react --save。这导致发现了1,000多个漏洞。
3. 打开了./ClientApp/src/components/Home.tsx文件。
4. 从“ office-ui-fabric-react”添加了“ import {PrimaryButton}”行；
5. 运行该应用

这产生了以下错误：

Failed to compile
Type error: Namespace 'React' has no exported member 'ElementType'. TS2694

15 | * Slottable version of React.ReactType
16 | */
17 | export declare type ISlottableReactType<TProps extends ValidProps, TShorthandPromp extends ValidShorthand> = React.ElementType<TProps> & ISlotCreator<TProps, TShorthandProp>;
   |
18 | /**
19 |  * Props generated by Foundation.
20 |  */

请注意：在添加Office UI Fabric React组件之前，该应用程序运行良好。

Answer 1

请注意Fabric 7 requires a minimum of React 16.8.1 and TypeScript 3.3。您的项目是否明确依赖@types/react？如果是这样，则还必须为16.8+。 React.ElementType是最近添加到React类型的，因此这似乎表明您项目中的React类型不符合Fabric 7的最低版本要求。