無法導入打字稿react-modal

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中有一個帶有index.d.ts的react-modal文件夾（它缺少其他軟件包似乎具有的types-metadata.json文件）。

還有一個反應模式程序包。

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

Answer 1

您必須將其導入為：

import * as ReactModal from 'react-modal';