向AngularJS app添加指令时使用Grunt livereload中断（使用Yeoman生成）

Question

我有一个由Yeoman生成的AngularJS应用程序，启用了所有插件（例如Bootstrap，SASS ......）。

Livereload工作正常，直到我添加了一个指令。我把它放在目录/app/scipts/directives/myDirectives.js中。

这是 myDirectives.js：

的内容

app.directive('setGroupName', function() {
    return {
        templateUrl: 'views/setGroupName.html'
    };
});

无论我是否在任何地方使用setGroupName指令，只需将文件包含在我的index.html中就像这样

<script src="scripts/directives/myDirectives.js"/>

导致Grunt的livereload停止工作。

PS：使用该指令有效（包含时）。我在createGroup.html中使用set-group-name指令（如下所示），并显示setGroupName.html的内容。

<div set-group-name></div>

设置： 我没有编辑gruntfile，所以我认为这里没有提到的是

的标准

$ yo angular

设置，在启用所有插件的情况下生成它。

myDirectives文件中有什么问题吗？或者它的位置？

Answer 1

由于此行而导致Grunt livereload中断

<script src="scripts/directives/myDirectives.js"/>

将其更改为

<script src="scripts/directives/myDirectives.js"></script>

修复它！

Noob错误，我想，与指令无关。