es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

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

Tags:  , , , ,

Answer

  1. Avatar for 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 importar Chart desde 'chart.js', puedes intentar importarlo desde 'chart.js/auto' de esta manera:

    import Chart from 'chart.js/auto';
    

    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 como npm. Por último, verifica que hayas agregado la referencia correcta al script de Chart.js en tu archivo angular.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.

Comments are closed.