錯誤：[$ injector：nomod]模塊“ nvd3”不可用

Question

我正在嘗試實現此Angular-nvD3圖表 。 到目前為止，我有以下代碼：

在主index.html中，包含以下腳本：

    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/d3/d3.js"></script>
    <script src="bower_components/nvd3/nv.d3.js"></script>
    <script src="bower_components/angular-nvd3/dist/angular-nvd3.js"></script>
    <script src="bower_components/angularjs-nvd3-directives/dist/angularjs-nvd3-directives.js"></script>

控制器：

'use strict';

/**
* @ngdoc function
* @name myApp.controller:DashboardCtrl
* @description
* # DashboardCtrl
* Controller of the myApp
*/
angular.module('myApp')
  .controller('DashboardCtrl', function ($scope) {
   // init data and option params for the chart
});

應用：

var myApp= angular
  .module('myApp', ["nvd3"])

HTML視圖：

<div ng-app="myApp">
    <div ng-controller="DashboardCtrl">
        <nvd3 options="options" data="data"></nvd3>
    </div>
</div>

我希望我包括所有相關部分。

當我運行我的UI應用程序時，出現此錯誤：

Error: [$injector:nomod] Module 'nvd3' is not available

有什么想法我想念的嗎？

Answer 1

在這里回答： https ： //stackoverflow.com/a/37196430/3414722

這是缺少的javascript依賴性問題。 在您加載外部庫之后，在index.html中加載app.js，這是因為angular模塊無法實例化nvd3模塊，因為該模塊不存在。