Uncaught Fehler: [$ injector: modulerr] (Fehler kam, wenn ich chart.js einschloss)

Ich habe versucht, herauszufinden, was das Problem für eine Weile ruhig ist. Need

Mein HTML

<script src="../Framework/js/angular.min.js"></script> 

<script src="https://code.angularjs.org/1.6.4/angular-cookies.min.js"></script> 

<script src="../Framework/js/jquery-3.1.1.min.js"></script> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.js"></script> 
<script src="../Framework/js/angular-chart.min.js"></script> 
<script src="../Framework/js/angular-chart.js"></script> 

<script src="../Framework/js/plugins/sortable.min.js" type="text/javascript"></script> 
<script src="../Framework/js/fileinput.min.js"></script> 
<script src="../Framework/js/locales/fr.js"></script> 
<script src="../Framework/js/locales/es.js"></script> 
<script src="../themes/explorer/theme.js"></script> 
<script src="../Framework/js/bootstrap.min.js"></script> 
<script src="../Framework/js/app.js"></script>

Mein app.js

var app = angular.module('myApp', ['ngCookies','chart.js']);

Error

Quelle

2017-06-10 Abdullah Sultan

Ich sehe, Sie 'Winkel-Diagramm' dar zweimal in Ihren Scripts enthalten haben. – 31piy

Das Problem ist, sollte die Winkel Charts und chart.js hier helfen haben korrekte versionierte Bibliotheksreferenzen.

DEMO

(function(angular) { 
 
    'use strict'; 
 
    angular.module('myApp', ['chart.js']) 
 
    .controller('myController', [function() { 
 
    var ctrl = this; 
 
    ctrl.socialChart = { 
 
     options : { 
 
     scales: { 
 
      xAxes: [{ 
 
      stacked: true, 
 
      }], 
 
      yAxes: [{ 
 
      stacked: true 
 
      }] 
 
     } 
 
     }, 
 
     type: 'StackedBar', 
 
     labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'], 
 
     series: ['FACEBOOK', 'GOOGLE', 'TWITTER', 'INSTAGRAM'], 
 
     colors: ['#ED402A', '#F0AB05', '#A0B421', '#00A39F'], 
 
     data : [ 
 
     [65, 59, 90, 81, 56, 55, 40], 
 
     [28, 48, 40, 19, 96, 27, 100] 
 
    ] 
 
    } 
 
    }]); 
 

 
})(window.angular);

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <meta charset="UTF-8" /> 
 
    <title>Multi Slot Transclude</title> 
 
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-chart.js/1.0.3/angular-chart.min.js"></script> 
 
    <script src="app.js"></script> 
 
</head> 
 
<body ng-app="myApp" ng-controller="myController as ctrl"> 
 
    <canvas id="outreach" class="chart chart-bar" chart-labels="ctrl.socialChart.labels" chart-data="ctrl.socialChart.data" chart-series="ctrl.socialChart.series" chart-colors="ctrl.socialChart.colors" chart-options="ctrl.socialChart.options"></canvas> 
 
</body> 
 
</html>

Quelle

2017-06-10 05:08:27 Sajeetharan

Immer noch den gleichen Fehler :( –

haben Sie die Demo überprüft – Sajeetharan

Ja, ich habe die Demo überprüft! Immer noch nicht das Problem herausfinden! –

Uncaught Fehler: [$ injector: modulerr] (Fehler kam, wenn ich chart.js einschloss)

Antwort

Verwandte Themen