未捕獲的錯誤：[$ injector：modulerr]（當我包含chart.js時出現錯誤）

一直試圖找出現在安靜的問題。需要幫助

我的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>

我app.js

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

Error

來源

2017-06-10 Abdullah Sultan

我看你們還包括'角chart'兩次在腳本中。 – 31piy

這裏的問題是，角圖表和chart.js之應具備的正確版本化的庫引用。

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>

來源

2017-06-10 05:08:27 Sajeetharan

仍然得到相同的錯誤:( –

你沒有檢查演示 – Sajeetharan

是的，我檢查了演示！仍然無法弄清楚問題！ –

未捕獲的錯誤：[$ injector：modulerr]（當我包含chart.js時出現錯誤）

回答

相關問題