Error: $injector:modulerr Module Error - chart.js

Question

Trying to integrate chart.js with AngularJSbut this error is showing:

Error: $injector:modulerr Module Error. Failed to instantiate module chart.js

I know the is error is to do with where the link is declared in your header, but I have followed instructions from Angular Chart but to no avail. Any idea why this error is being thrown?

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-charts/0.2.7/angular-charts.min.js"></script>
<script src="scripts/app.js"></script>

var app = angular.module('myApp', ['ngRoute', 'angularMoment', 'ui.router', 'chart.js']);

Sachila Ranawaka · Accepted Answer · 2017-06-01 13:39:13Z

2

Name of the chart module is angularCharts. so inject it instead of the chart.js

var app = angular.module('myApp', ['ngRoute', 'angularMoment', 'ui.router', 'angularCharts']);

answered Jun 1, 2017 at 13:39

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Patrick McDermott Over a year ago

Well.... that was it. How come on the website it tells you to add chart.js as a dependency?

Sachila Ranawaka Over a year ago

actually not sure why is that. i just look up the module and saw the name :D

Patrick McDermott Over a year ago

Pffft, I been typing it in the last hour or so and they all say inject chart.js. God knows. Thanks for the help, I'll accept your answer asap

Collectives™ on Stack Overflow

Error: $injector:modulerr Module Error - chart.js

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related