灌注NG图表出现问题:找不到模块:错误:无法解析'chart.js/auto'

jecbmhm3  于 2022-11-07  发布在  Chart.js
关注(0)|答案(1)|浏览(107)

我的PrimeNG图表有问题。
一开始我的问题是在html中的[选项],我读到它是更好的,如果我下载了2.9.4 chart.js,我这样做了,现在我有错误:找不到模块:错误:无法解析“D:\项目工作\绘图\节点模块\primeng\fesm2015”中的“chart.js/auto”
我读到它与我必须导入v2的方式有关,但我不明白正确的方式,我正在尝试使用这个:

import Chart from 'chart.js';

但是我在“chart.js”中有一个错误,下面是我的代码:
该模块:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { PlotsRoutingModule } from './barChart-routing.module';
import { BarPageComponent } from './pages/bar-page/bar-page.component';
import { BarChartComponent } from './components/bar-chart/bar-chart.component';
import { BarFormComponent } from './components/bar-form/bar-form.component';
import {ChartModule} from 'primeng/chart'; //IS HERE WHERE THE PROBLEM IS??? I tryed to change it for import Chart from 'chart.js' but I have an error

@NgModule({
  declarations: [
    BarPageComponent,
    BarChartComponent,
    BarFormComponent
  ],
  imports: [
    CommonModule,
    PlotsRoutingModule,
    ChartModule
  ]
})
export class PlotsModule { }

该组件导入:

import { Component, OnInit } from '@angular/core';
import { Subscription } from 'rxjs';
import { AppConfig } from 'src/app/plots/interfaces/interfaces';
import { AppConfigServiceService } from 'src/app/plots/services/app-config-service.service';

Angular . json

"scripts": [
              "./node_modules/chart.js/dist/Chart.js"
            ]

谢谢你帮忙

hmae6n7t

hmae6n7t1#

这取决于您使用的angular版本。Chart.js在primeng 12.1.0中更新为3.3.2
请单击此链接以获取迁移指南https://github.com/primefaces/primeng/wiki/Migration-Guide#1210
如果您有任何使用chart.js的自定义类,您可能也需要查看一下https://www.chartjs.org/docs/latest/getting-started/v3-migration.html

相关问题