gulp-angular-templatecache模块不可用

时间:2017-04-08 10:22:32

标签: javascript angularjs gulp angular-templatecache

我正在使用gulp-angular-templacache。 我有一个应该创建名为templates的模块的任务,并将其作为依赖项添加到我的app模块中:

配置:

templateCache: {
            file: 'tempaltes.js',
            options: {
                    module: 'templates',
                    standalone: true,
                    root: 'app/'
            }
        }

应用模块:

var App = angular.module('app', [
    'templates']);

Gulp任务:

gulp.task('templatecache', ['clean-code'], function() {
log('Creating AngularJS $templateCache');

return gulp
    .src(config.htmltemplates)
    .pipe($.minifyHtml({empty: true}))
    .pipe($.angularTemplatecache(
        config.templateCache.file,
        config.templateCache.options
    ))
    .pipe(gulp.dest(config.temp));

});

但是,当我尝试运行时,我总是收到错误消息:

  

未捕获错误:[$ injector:nomod]模块'模板'不可用!您要么错误拼写了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。

我试图让templatescache也不是独立的并删除依赖但没有成功...... 我该怎么办?

1 个答案:

答案 0 :(得分:0)

在模块app定义之后,似乎您正在加载 template.js 。您可以在角度app文件

之前加载文件

或者,不要定义独立模块。

配置

templateCache: {
    file: 'tempaltes.js',
    options: {
            module: 'templates',
            standalone: false,
            root: 'app/'
    }
}

Angualr

//Define the module
angular.module('templates', []);
var App = angular.module('app', ['templates']);