无法导入打字稿反应模态

Question

我从这里的一个开源项目开始：

https://github.com/vega/voyager

它开始工作了，我想添加一个模态框。

所以我运行：

yarn add react-modal
yarn add @types/react-modal

然后我补充说：

import {ReactModal} from 'react-modal';

我正在构建这个 ./src/components/header/chrono-history.tsx 中的错误 (5,9): 错误 TS2305: 模块 '"/Users/brennanwallace/psa/voyager/node_modules/@types/react-modal/index"' 没有导出成员 'ReactModal'.

并且 web-storm 同意存在一个问题，因为它在文本编辑视口中给出了同样的错误。

我能做什么？

我是打字脚本的新手，但文件看起来是有序的：

node_modules 中的@types 中有一个 react-modal 文件夹，与其他几个模块一样 index.d.ts（它缺少一个 types-metadata.json 文件，其他包似乎有）。

还有一个react-modal包。

tsconfig.json 个文件似乎也按顺序排列：https://github.com/vega/voyager/blob/vy2/tsconfig.json

Answer 1

您必须将其导入为：

import * as ReactModal from 'react-modal';