图表的类型.适配器-日期-fns

Question

我的代码可以工作，但是在我的导入语句中，我有两个点，如果我悬停在它们上面，就会显示错误。

Could not find a declaration file for module 'chartjs-adapter-date-fns'. '/home/user/dev/website/client/node_modules/chartjs-adapter-date-fns/dist/chartjs-adapter-date-fns.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/chartjs-adapter-date-fns` if it exists or add a new declaration (.d.ts) file containing `declare module 'chartjs-adapter-date-fns';`ts(7016)

我尝试过yarn add -D @types/chartjs-adapter-date-fns，但这似乎不存在。问题是我遗漏了打字稿类型吗？我怎样才能消除这个错误？

我的导入语句，以防万一：

import {
  CategoryScale,
  Chart as ChartJS,
  Filler,
  Legend,
  LinearScale,
  LineElement,
  PointElement,
  TimeScale,
  Title,
  Tooltip,
} from 'chart.js'
import 'chartjs-adapter-date-fns'
import { enGB } from 'date-fns/locale'
import { Line } from 'react-chartjs-2'
import { useMarketDataQuery } from '../generated/graphql'
import BaseCard from './BaseCard'

Answer 1

您需要为此包指定您自己的类型定义。

有如何键入库的三种方法

• 捆绑类型
• DefinitelyTyped /@类型
• 你自己的定义

由于类型不是与chartjs-adapter-date-fns包捆绑在一起的，而且在DefinitelyTyped存储库中也没有它的@types，所以您唯一的选择就是提供您自己对此包的类型定义。

最简单的方法是在包含内容的项目中的.d.ts文件中添加一个空声明。

declare module "chartjs-adapter-date-fns";

它将沉默有关此模块的警告。

Answer 2

日期适配器不导出任何功能，因此您只需在导入之前添加一个// @ts-ignore，或者使用一个空模块创建自己的声明文件，该模块为日期适配器提供类型。

配置本身的所有类型都已经由chart.js自己提供了。