Grunt livereload прерывается при добавлении директивы в приложение AngularJS (сгенерировано с помощью Yeoman)

У меня есть приложение AngularJS, созданное с помощью Yeoman, со всеми включенными надстройками (такими как 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"/>

приводит к тому, что livereload Grunt перестает работать.


PS: Использование директивы работает (когда она включена). Я использую директиву set-group-name в createGroup.html (как показано ниже), и отображается содержимое setGroupName.html.

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


Установка: я не редактировал gruntfile, поэтому все, что здесь не упомянуто, я считаю стандартным для

$ yo angular

setup, сгенерировав его со всеми включенными надстройками.


Что-то не так в файле myDirectives? Или это местоположение?


angularjs gruntjs livereload yeoman
person ArneHugo    schedule 15.08.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Grunt livereload ломается из-за этой строчки

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

изменить его на

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

исправляет это!

Нубская ошибка, я думаю, и не связанная с директивами.

person ArneHugo    schedule 15.08.2014