javascript - 无法导入 typescript react 模态

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 同意存在一个问题，因为它在文本编辑视口(viewport)中给出了同样的错误。

我能做什么？

我是输入脚本的新手，但文件看起来是有序的:

在 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';