Javascript Gulp Minify任务-类型错误：未定义不是函数

我正在AngularJS中构建Instagram克隆，并遵循此指南

我现在在第19节，我试图缩小JavaScript文件以提高网站性能。为此，他们建议使用名为

Gulp

的任务运行程序

在我的gulpfile.js中，我声明了所有需要的依赖项

var gulp = require('gulp');
var csso = require('gulp-csso');
var uglify = require('gulp-uglify');
var concat = require('gulp-concat');
var recess = require('gulp-recess');
var header = require('gulp-header');
var gulpFilter = require('gulp-filter');
var complexity = require('gulp-complexity');
var ngAnnotate = require('gulp-ng-annotate');
var templateCache = require('gulp-angular-templatecache');

我通过

npm安装--save dev depName

这是我的缩小任务代码

gulp.task('minify', function() {
    var templatesFilter = gulpFilter('clients/views/*.html');

    return gulp.src([
        'client/vendor/angular.js',
        'client/vendor/*.js',
        'client/app.js',
        'client/templates.js',
        'client/controllers/*.js',
        'client/services/*.js',
        'client/directives/*.js'
    ])
        .pipe(templatesFilter)
        .pipe(templateCache({ root: 'views', module: 'Instagram' }))
        .pipe(templatesFilter.restore())
        .pipe(concat('app.min.js'))
        .pipe(ngAnnotate())
        .pipe(uglify())
        .pipe(header(banner))
        .pipe(gulp.dest('client'));
});

在命令行中，我尝试通过

gulpminify

运行任务，但得到以下输出

Working directory changed to ~\Documents/tutorials/Angular-Instagram
Using gulpfile ~\Documents\tutorials\Angular-Instagram\gulpfile.js
Starting 'minify'
TypeError: undefined is not a function
at Gulp.<anonymous> (Documents\tutorials\Angular-Instagram\gulpfile.js:34.31)

显然，这与

gulp过滤器中的
restore（）
函数有关

正如指南所建议的，我在index.html文件中注释掉了脚本标记

<!--<script src="vendor/angular.js"></script>-->
<!--<script src="vendor/angular-route.js"></script>-->
<!--<script src="vendor/angular-messages.js"></script>-->
<!--<script src="vendor/satellizer.js"></script>-->
<!--<script src="services/api.js"></script>-->
<!--<script src="controllers/home.js"></script>-->
<!--<script src="controllers/navbar.js"></script>-->
<!--<script src="controllers/login.js"></script>-->
<!--<script src="controllers/signup.js"></script>-->
<!--<script src="controllers/detail.js"></script>-->
<!--<script src="directives/serverError.js"></script>-->
<script src="app.min.js"></script>



这是关于“大口过滤器”的文档


有什么想法吗？
试一下
.pipe（templatesFilter.restore）
，如您在文档中所见。可能
restore
不是一个函数，或者它不是直接调用的

工作解决方案：

更改此行：
var templatesFilter=gulpFilter（'clients/views/*.html'，{restore:true}）
请尝试
.pipe（templatesFilter.restore）
，如文档中所示。可能
restore
不是一个函数，或者它不是直接调用的

工作解决方案：

更改此行：
var templatesFilter=gulpFilter（'clients/views/*.html'，{restore:true}）
请尝试
.pipe（templatesFilter.restore）
，如文档中所示。可能
restore
不是一个函数，或者它不是直接调用的

工作解决方案：

更改此行：
var templatesFilter=gulpFilter（'clients/views/*.html'，{restore:true}）
请尝试
.pipe（templatesFilter.restore）
，如文档中所示。可能
restore
不是一个函数，或者它不是直接调用的

工作解决方案：

更改此行：
var templatesFilter=gulpFilter（'clients/views/*.html'，{restore:true}）
试过了。现在我在“of undefined”上得到了“TypeError:cannotreadproperty”，也许这有帮助<代码>var templatesFilter=gulpFilter（'clients/views/*.html'，{restore:true}）用此解决方案更新了我的初始答案。尝试了。现在我在“of undefined”上得到了“TypeError:cannotreadproperty”，也许这有帮助<代码>var templatesFilter=gulpFilter（'clients/views/*.html'，{restore:true}）用此解决方案更新了我的初始答案。尝试了。现在我在“of undefined”上得到了“TypeError:cannotreadproperty”，也许这有帮助<代码>var templatesFilter=gulpFilter（'clients/views/*.html'，{restore:true}）用此解决方案更新了我的初始答案。尝试了。现在我在“of undefined”上得到了“TypeError:cannotreadproperty”，也许这有帮助<代码>var templatesFilter=gulpFilter（'clients/views/*.html'，{restore:true}）使用此解决方案更新了我的初始答案。
<!--<script src="vendor/angular.js"></script>-->
<!--<script src="vendor/angular-route.js"></script>-->
<!--<script src="vendor/angular-messages.js"></script>-->
<!--<script src="vendor/satellizer.js"></script>-->
<!--<script src="services/api.js"></script>-->
<!--<script src="controllers/home.js"></script>-->
<!--<script src="controllers/navbar.js"></script>-->
<!--<script src="controllers/login.js"></script>-->
<!--<script src="controllers/signup.js"></script>-->
<!--<script src="controllers/detail.js"></script>-->
<!--<script src="directives/serverError.js"></script>-->
<script src="app.min.js"></script>