next.js 为什么WebStorm显示TypeScript的类型错误?

ojsjcaue  于 2023-05-06  发布在  Storm
关注(0)|答案(1)|浏览(113)

我正在用Chart.js@4.3.0react-chartjs-2@5.2.0做一个Nextjs项目,尽管编译项目可以工作,WebStorm说有一个类型错误。
下面是一个MRE(Nextjs):

// pages/index.tsx
import { Chart, registerables }
import { Line } from 'react-charts-j2'

const Index () => {
  const chart = {
    data: {
      labels: ['foo', 'bar', 'foobar', 'foobaz']
      datasets: [
        {
          label: 'Foo',
          data: [0, 1, 2, 3]
        }
      ]
    }
  }
  return (
    <Line data={chart.data} />
  )
}

我尝试将数据和标签类型传递给Line,如下所示:<Line<Array<number>, string>,但也不起作用。IDE显示的错误如下:
类型{数据集:{data:number[],label:string}[],labels:string[]}不能赋值给类型ChartData〈“line”,TData,TLabel〉

环境:

  • 13.0.6下载
  • React:18.2.0
  • 节点:18.12.1
  • typescript :^5.0.4

这和我的IDE或代码有关吗?

huwehgph

huwehgph1#

尝试这样做,而不是chart.data尝试传递图表

<Line data={chart} />
  )

相关问题