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

时间:2014-08-15 07:06:22

标签: angularjs gruntjs yeoman livereload

我有一个由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文件中有什么问题吗?或者它的位置?

1 个答案:

答案 0 :(得分:0)

由于此行而导致Grunt livereload中断

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

将其更改为

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

修复它!

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