未捕获的ReferenceError:未定义模块

Question

顾名思义。我在bower launch上使用保留关键字"Module“时遇到了一个问题。它似乎与下面的代码特别相关。我似乎找不到确切的位置，因为它从"fetch-bower.js:1“开始。有没有人可以帮助我了解如何解决这个问题？

(function () {
    'use strict';

angular.module('BlurAdmin.theme.components')
.directive("digitalClock", function ($timeout, dateFilter) {
        return {
            restrict: 'E',
            link: function (scope, iElement) {
                (function updateClock() {
                    iElement.text(dateFilter(new Date(), 'H:mm:ss'));
                    $timeout(updateClock, 1000);
                })();
            }
        };
    });
});

//HTML

<div class="page-top clearfix" scroll-position="scrolled" max-height="50" ng-class="{'scrolled': scrolled}">
  <div class="row col-xs-12">
    <div class=""></div>
    <div class="aguState col-xs-3 setText">Agu State: </div>
    <div class="aguMode col-xs-3 setText">Agu Mode: </div>
    <div class="lastUpdate col-xs-3 setText">Last Update: </div>
    <digital-clock></digital-clock>
</div>

//Directive.js

(function () {
  'use strict';

  angular.module('BlurAdmin.theme.components')
      .directive('pageTop', pageTop);

  /** @ngInject */
  function pageTop() {
    return {
      restrict: 'E',
      templateUrl: 'app/theme/components/pageTop/pageTop.html'
    };
  }

})();

完全错误

fetch-bower.js:1 Uncaught ReferenceError: module is not defined
    at fetch-bower.js:1
(anonymous) @ fetch-bower.js:1

Answer 1

确保在应用程序的index.html中引用angular.js和Directive.js

<script src="angular.js"></script>
<script src="directive.js"></script>

此外，您还应该将空依赖项注入到应用程序中，

  angular.module('BlurAdmin.theme.components',[])
      .directive('pageTop', pageTop)