Cannot find module 'chart.js'.) Angular 2

Question

hey folks i'm using the Angular2 CLI and trying to import the chart.js module but every time i run up the server I get a 'cannot find module "chart.js"'

import { Component } from '@angular/core';
import Chart from 'chart.js';

@Component({
 selector: 'app-root',
 templateUrl: './app.component.html'
 })

 export class AppComponent {
   title = 'Test';
   let myChart = new Chart({});
};

Try: import 'chart.js/dist/Chart.min.js'; Assuming you did an npm install of chartjs already. — cmonkey, Mar 29 '17 at 20:45
i did npm install it but didn't fix it. I need to import Chart from it's directory — Fernando B, Mar 29 '17 at 20:52

score 3 · Answer 1 · answered Dec 12 '17 at 02:06

It looks like you may have incorrectly declared your Chart import

You have:

import Chart from 'chart.js';

But it should be:

import { Chart } from 'chart.js';

Also check that you have the chart.js npm package installed, if you don't have it properly installed, you can install it with:

npm install chart.js --save

Cannot find module 'chart.js'.) Angular 2

1 Answers1