React + antd TS2694:命名空间"React"没有导出成员

Question

我正在尝试将antd库添加到从Visual Studio 2017(15.2.2)生成的React项目中.

我从项目模板"ASP.NET Core Web Application"开始,然后在下面的窗口中选择"React.js".

此时一切正常.

如果我添加antd的package.json("antd":"3.1.0")和我在一些添加一个导入tsx文件,例如home.tsx像这样:

import { Row } from 'antd';

我得到3个错误:

[at-loader]中的错误./node_modules/antd/lib/badge/ScrollNumber.d.ts:28:56 TS2694:命名空间'React'没有导出成员'DetailedReactHTMLElement'.

[at-loader]中的错误./node_modules/antd/lib/badge/ScrollNumber.d.ts:38:52 TS2694:命名空间'React'没有导出的成员'DetailedReactHTMLElement'.

[at-loader]中的错误./node_modules/antd/lib/input/TextArea.d.ts:15:47 TS2694:命名空间'React'没有导出的成员'TextareaHTMLAttributes'.

我该如何解决这些错误？

我试图更新所有包但我仍然得到相同的错误...我有一些其他项目与React和antd,不是基于Visual Studio 2017提供的React.js模板,我没有任何错误.

谢谢您的帮助!

Answer 1

解决这个问题最简单的方法是将你的“typescript”包和所有与 React 相关的包（包括 @types/react-*）升级到最新的主要版本，“react-hot-loader”除外（仅将其升级到最新的 ^3）版本。

如果仍然有问题，请删除 node_modules、yarn.lock、npm-shrinkwrap.json 和 wwwroot/dist，然后重试。