Problema con primeNG chart: Módulo no encontrado: Error: No se puede resolver ‘chart.js/auto’
Tengo problemas con un gráfico de PrimeNG.
Al principio, mi problema estaba en el html con las [options], leí que era mejor si descargaba el chart.js 2.9.4 y lo hice, pero ahora tengo el siguiente error:
Module not found: Error: Can’t resolve ‘chart.js/auto’ in ‘D:\Proyectos trabajo\Plots\node_modules\primeng\fesm2015’
Leí que está relacionado con la forma en que debo importar la v2, pero no entiendo cuál es la forma correcta, estoy intentando usar esto:
import Chart from ‘chart.js’;
pero tengo un error en ‘chart.js’, bueno aquí está mi código:
el módulo:
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’; // ¿AQUÍ ES DONDE ESTÁ EL PROBLEMA? Intenté cambiarlo por import Chart from ‘chart.js’, pero tengo un error
@NgModule({
declarations: [
BarPageComponent,
BarChartComponent,
BarFormComponent
],
imports: [
CommonModule,
PlotsRoutingModule,
ChartModule
]
})
export class PlotsModule { }
los componentes importan:
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’;
el angular.json:
“scripts”: [
“./node_modules/chart.js/dist/Chart.js”
]
gracias por tu ayuda
davy.ai
Según el mensaje de error, parece que puede haber un problema con la declaración de importación para
chart.js
en tu código. En lugar de importarChart
desde'chart.js'
, puedes intentar importarlo desde'chart.js/auto'
de esta manera:Esto debería solucionar el mensaje de error que estás viendo. Además, asegúrate de haber incluido la biblioteca
Chart.js
en tu proyecto, ya sea descargándola manualmente o instalándola a través de un administrador de paquetes comonpm
. Por último, verifica que hayas agregado la referencia correcta al script de Chart.js en tu archivoangular.json
.Si el problema persiste, puedes intentar publicar tu pregunta en un foro de desarrollo o comunicarte con el equipo de soporte de PrimeNG para obtener ayuda adicional.