使用 Typescript 导入 React-Select 失败答案

【问题标题】：React-Select imports fail with Typescript使用 Typescript 导入 React-Select 失败
【发布时间】：2019-08-15 21:02:37
【问题描述】：

尝试使用 React-Select 进行设置。它在标准的 React 项目中运行良好，但不是 Typescript React 项目（两者都使用带有 webpack 的 Create-React-App）。

在我的打字稿项目中，它说“选择”未导出。我可以选择“SelectBase”，但这并不像预期的那样工作。

采取的步骤：我通过 npm 安装 react-select 和 @types/react-select。

在我的组件中，当尝试从 'react-select 导入 Select 时，我在“Select”上得到 typescript 波浪下划线，并出现错误（见下文）。

使用的配置：

npm install --save react-select
npm install --save-dev @types/react-select

import Select from 'react-select';  (errors here)

错误：

Module '"../../...project.../node_modules/@types/react-select"' has no exported member 'Select'.      ts(2305)


Module '"c:/...project.../node_modules/@types/react-select/index"' has no exported member 'Select'.      ts(2305)

文档只显示了使用 yarn 进行安装，但我认为 npm 也可以。我需要以不同的方式配置吗？谢谢

【问题讨论】：

根据您的 TypeScript 配置，您可能需要使用 * as 构造导入它：import * as Select from 'react-select';
你检查过这个问题吗？ github.com/JedWatson/react-select/issues/3201
理查德-我试过了。我不再收到导入错误，但我仍然无法使用“选择”。使用该语法（我理解的方式），“选择”代表 react-select 包中的所有内容，而不是实际的“选择”模块。所以在我的代码中，我可以引用“Select._____”。我可以用特定模块填写空白行，但真正的“选择”模块仍然不是一个选项。谢谢！
劳拉，谢谢。我确实看到了那个。答案是不仅要安装类型，还要安装包本身。我已经做到了。谢谢！

标签： reactjs typescript react-select

【解决方案1】：

好的，我搞定了。我注意到 Typescript 也给出了前一天还不错的其他导入的错误。所以问题不在于 react-select——这是我的 TypeScript 配置中更深层次的问题。我认为当我对其他事情进行故障排除时，事情发生了变化。我回到以前的版本，安装了 react-select，然后它工作正常。给您添麻烦了！

【讨论】：