找不到模块：无法解析“@reactchartjs/react-chart-2.js”

问题描述

我正在尝试使用模块 chart 实现此 react-chartjs-2 我安装了模块：

npm install --save react-chartjs-2 chart.js

所以我在 package.json 中有这个：

  "chart.js": "^2.9.4","react-chartjs-2": "^2.11.1"

我从 github 复制了图表代码：

import React from 'react'
import { Line } from '@reactchartjs/react-chart.js'

const data = {
  labels: ['1','2','3','4','5','6'],datasets: [
    {
      label: '# of Votes',data: [12,19,3,5,2,3],fill: false,backgroundColor: 'rgb(255,99,132)',borderColor: 'rgba(255,132,0.2)',},],}

const options = {
  scales: {
    yAxes: [
      {
        ticks: {
          beginAtZero: true,}

const LineChart = () => (
  <>
    <div className='header'>
      <h1 className='title'>Line Chart</h1>
      <div className='links'>
        <a
          className='btn btn-gh'
          href='https://github.com/reactchartjs/react-chartjs-2/blob/react16/example/src/charts/Line.js'
        >
          Github Source
        </a>
      </div>
    </div>
    <Line data={data} options={options} />
  </>
)

export default LineChart

但是，我不断收到此错误：

找不到模块：无法解析'@reactchartjs/react-chart-2.js'

知道我做错了什么吗？

解决方法

以防万一有人面临同样的错误，就这样做：

import { Line } from "react-chartjs-2";

,

我遇到了同样的问题，这对我有用。

yarn add react-chartjs-2  chart.js

出于某种原因，npm 不起作用。