自定义角度指令不会出现？

Question

我知道这个问题之前已被多次询问过，但我已经读完了很多，而且似乎没有一个问题与我的问题有关。

我的控制台没有错误，我的浏览器来源显示已加载必要的代码。

HTML：

<div class="row">
    <goal-chart>Loading directive...</goal-chart>
</div>

JS：

(function() {
  'use strict';
  /**
   * @desc create d3 charts for goal progress and completion
   * @example <goal-chart></goal-chart>
   */

  angular
    .module('goalTracker')
    .directive('goalChart', goalChart);

    function goalChart() {
      return {
          template: '<h1>GOAL CHART</h1>'
      };
    }
})();

我有一个主路由配置文件：

显示的一切是：

这个自定义指令是捆绑的更大的应用程序的一部分，因此我没有发布plnkr。

Answer 1

模块声明的语法错误。应该是：

  angular.module('goalTracker', [])

工作plunk。

Answer 2

分辨率：

我过分依赖我的Gulp任务来跟踪更改并正确更新all.js文件。 HTML已添加到项目中，但指令的js未被捆绑。感谢大家的及时帮助。