Reactjs 无法将React Day Picker中的DayPickerInput与TypeScript一起使用

每当我尝试导入DayPickerInput时，如下所示：

import DayPickerInput from 'react-day-picker/DayPickerInput';

var DayPickerInput = require('react-day-picker').DayPickerInput;

我收到ts警告：“找不到模块'react day picker/DayPickerInput'的声明文件。”

查看模块文件夹，似乎只有DayPicker定义了类型

当我尝试使用require方法时，如下所示：

import DayPickerInput from 'react-day-picker/DayPickerInput';

var DayPickerInput = require('react-day-picker').DayPickerInput;

我的项目构建得很好，但当需要显示组件时，控制台中出现2个运行时错误：

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in.

Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in. 

---

DayPickerInput现在对我不可用。

react day picker v6.2为输入组件添加了类型脚本定义。尝试升级以查看它是否解决了您的问题。

react day picker v6.2为输入组件添加了类型脚本定义。尝试升级以查看它是否解决了您的问题。

在7.0.7版中，我必须将此添加到globals.d.ts中作为解决方法：

declare module 'react-day-picker/DayPickerInput' {
  import { DayPickerInput } from 'react-day-picker/types/DayPickerInput';
  export default DayPickerInput;
}

---

我的印象是TypeScript定义不是最新的，有人（你或我？）需要更新它们：）

在7.0.7版中，我不得不将此添加到globals.d.ts中作为一种解决方法：

declare module 'react-day-picker/DayPickerInput' {
  import { DayPickerInput } from 'react-day-picker/types/DayPickerInput';
  export default DayPickerInput;
}

---

我的印象是TypeScript定义不是最新的，有人（你或我？）需要更新它们：）

解决方案：如果您也面临此问题，请检查您的导入中是否存在“类型”，介于react day picker和DayPickerInput之间

导入的可视代码：

  import DayPickerInput from 'react-day-picker/types/DayPickerInput';

  import DayPickerInput from 'react-day-picker/DayPickerInput';

正确的导入：

  import DayPickerInput from 'react-day-picker/types/DayPickerInput';

  import DayPickerInput from 'react-day-picker/DayPickerInput';

发生此问题的版本：

package.json（相关包）

---

解决方案：如果您也面临此问题，请检查您的导入中是否存在“类型”，介于react day picker和DayPickerInput之间

导入的可视代码：

  import DayPickerInput from 'react-day-picker/types/DayPickerInput';

  import DayPickerInput from 'react-day-picker/DayPickerInput';

正确的导入：

  import DayPickerInput from 'react-day-picker/types/DayPickerInput';

  import DayPickerInput from 'react-day-picker/DayPickerInput';

发生此问题的版本：

package.json（相关包）

---

我们正在开发：）我们正在开发：）我有v6.2.1，这对我来说仍然是个问题。DayPickerInput的文件位于types文件夹中，但由于某种原因，typescript无法获取该文件。下面是我遇到的问题的沙盒：不过沙盒中的错误是错误的。我得到的错误是“找不到模块'react day picker/DayPickerInput'的声明文件”，如上所述。我试着做一个公关来解决这个问题，但我看到其他人已经做了，你拒绝了它，取而代之的是你现在拥有的，它不起作用。我有v6.2.1，这对我来说仍然是个问题。DayPickerInput的文件位于types文件夹中，但由于某种原因，typescript无法获取该文件。下面是我遇到的问题的沙盒：不过沙盒中的错误是错误的。我得到的错误是“找不到模块'react day picker/DayPickerInput'的声明文件”，如上所述。我试着做一个公关来解决这个问题，但我看到其他人已经做了，你拒绝了它，而支持你现在拥有的，这是行不通的。