Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

665
Views
Problem with primeNG chart: Module not found: Error: Can't resolve 'chart.js/auto'

I have problems with a PrimeNG chart.

At the beginning my problem was with in the html with the [options], I read that it was better if I downloaded the 2.9.4 chart.js and I did it, now I have the error: Module not found: Error: Can't resolve 'chart.js/auto' in 'D:\Proyectos trabajo\Plots\node_modules\primeng\fesm2015'

I read that it is related with the way I have to import the v2, but I dont understand the right way, I am trying to use this:

import Chart from 'chart.js'; 

but I have one error in 'chart.js', well here is my code:

the module:

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 { }

the component imports:

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';

the angular.json

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

thank you for your help

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

It depends on the version of angular you are using. Chart.js is updated to 3.3.2 in primeng 12.1.0

Follow this link for the migration guide https://github.com/primefaces/primeng/wiki/Migration-Guide#1210

If you have any customized classes which use chart.js you may need to have a look at this too https://www.chartjs.org/docs/latest/getting-started/v3-migration.html

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!