Javascript TypeError:$.mainBowerFiles不是函数

我几乎没有使用最新Javascript框架和工具链开发现代web应用程序的经验

我安装了一个工具链和带有“大口角”耶曼发电机的脚手架。我相信最初的构建工作得很好

现在，

gulp-service

工作正常，但尝试构建分发（

gulp-build

）会导致：

TypeError:$.mainBowerFiles不是函数

如何使我的分发版本重新工作

吞咽文件：

/**
 *  Welcome to your gulpfile!
 *  The gulp tasks are split into several files in the gulp directory
 *  because putting it all here was too long
 */

'use strict';

var gulp = require('gulp');
var wrench = require('wrench');

/**
 *  This will load all js or coffee files in the gulp directory
 *  in order to load all gulp tasks
 */
wrench.readdirSyncRecursive('./gulp').filter(function(file) {
  return (/\.(js|coffee)$/i).test(file);
}).map(function(file) {
  require('./gulp/' + file);
});


/**
 *  Default task clean temporaries directories and launch the
 *  login optimization build task
 */
gulp.task('default', ['clean'], function () {
  gulp.start('build');
});

{
"name": "vweb",
"version": "0.0.0",
"dependencies": {},
"scripts": {
  "test": "gulp test"
},
"devDependencies": {
  "estraverse": "~4.1.0",
  "gulp": "~3.9.0",
  "gulp-autoprefixer": "~3.0.2",
  "gulp-angular-templatecache": "~1.8.0",
  "del": "~2.0.2",
  "lodash": "~3.10.1",
  "gulp-cssnano": "~2.1.1",
  "gulp-filter": "~3.0.1",
  "gulp-flatten": "~0.2.0",
  "gulp-eslint": "~1.0.0",
  "eslint-plugin-angular": "~0.12.0",
  "gulp-load-plugins": "~0.10.0",
  "gulp-size": "~2.0.0",
  "gulp-uglify": "~1.4.1",
  "gulp-useref": "~3.0.3",
  "gulp-util": "~3.0.6",
  "gulp-ng-annotate": "~1.1.0",
  "gulp-replace": "~0.5.4",
  "gulp-rename": "~1.2.2",
  "gulp-rev": "~6.0.1",
  "gulp-rev-replace": "~0.4.2",
  "gulp-htmlmin": "~1.3.0",
  "gulp-inject": "~3.0.0",
  "gulp-protractor": "~2.1.0",
  "gulp-sourcemaps": "~1.6.0",
  "gulp-sass": "~2.0.4",
  "gulp-angular-filesort": "~1.1.1",
  "main-bower-files": "~2.9.0",
  "wiredep": "~2.2.2",
  "karma": "~0.13.10",
  "karma-jasmine": "~0.3.6",
  "karma-phantomjs-launcher": "~0.2.1",
  "phantomjs": "~1.9.18",
  "karma-angular-filesort": "~1.0.0",
  "karma-phantomjs-shim": "~1.2.0",
  "karma-coverage": "~0.5.2",
  "karma-ng-html2js-preprocessor": "~0.2.0",
  "browser-sync": "~2.9.11",
  "browser-sync-spa": "~1.0.3",
  "http-proxy-middleware": "~0.9.0",
  "chalk": "~1.1.1",
  "uglify-save-license": "~0.4.1",
  "wrench": "~1.5.8"
},
"engines": {
  "node": ">=0.10.0"
}
}

Package.json:

/**
 *  Welcome to your gulpfile!
 *  The gulp tasks are split into several files in the gulp directory
 *  because putting it all here was too long
 */

'use strict';

var gulp = require('gulp');
var wrench = require('wrench');

/**
 *  This will load all js or coffee files in the gulp directory
 *  in order to load all gulp tasks
 */
wrench.readdirSyncRecursive('./gulp').filter(function(file) {
  return (/\.(js|coffee)$/i).test(file);
}).map(function(file) {
  require('./gulp/' + file);
});


/**
 *  Default task clean temporaries directories and launch the
 *  login optimization build task
 */
gulp.task('default', ['clean'], function () {
  gulp.start('build');
});

{
"name": "vweb",
"version": "0.0.0",
"dependencies": {},
"scripts": {
  "test": "gulp test"
},
"devDependencies": {
  "estraverse": "~4.1.0",
  "gulp": "~3.9.0",
  "gulp-autoprefixer": "~3.0.2",
  "gulp-angular-templatecache": "~1.8.0",
  "del": "~2.0.2",
  "lodash": "~3.10.1",
  "gulp-cssnano": "~2.1.1",
  "gulp-filter": "~3.0.1",
  "gulp-flatten": "~0.2.0",
  "gulp-eslint": "~1.0.0",
  "eslint-plugin-angular": "~0.12.0",
  "gulp-load-plugins": "~0.10.0",
  "gulp-size": "~2.0.0",
  "gulp-uglify": "~1.4.1",
  "gulp-useref": "~3.0.3",
  "gulp-util": "~3.0.6",
  "gulp-ng-annotate": "~1.1.0",
  "gulp-replace": "~0.5.4",
  "gulp-rename": "~1.2.2",
  "gulp-rev": "~6.0.1",
  "gulp-rev-replace": "~0.4.2",
  "gulp-htmlmin": "~1.3.0",
  "gulp-inject": "~3.0.0",
  "gulp-protractor": "~2.1.0",
  "gulp-sourcemaps": "~1.6.0",
  "gulp-sass": "~2.0.4",
  "gulp-angular-filesort": "~1.1.1",
  "main-bower-files": "~2.9.0",
  "wiredep": "~2.2.2",
  "karma": "~0.13.10",
  "karma-jasmine": "~0.3.6",
  "karma-phantomjs-launcher": "~0.2.1",
  "phantomjs": "~1.9.18",
  "karma-angular-filesort": "~1.0.0",
  "karma-phantomjs-shim": "~1.2.0",
  "karma-coverage": "~0.5.2",
  "karma-ng-html2js-preprocessor": "~0.2.0",
  "browser-sync": "~2.9.11",
  "browser-sync-spa": "~1.0.3",
  "http-proxy-middleware": "~0.9.0",
  "chalk": "~1.1.1",
  "uglify-save-license": "~0.4.1",
  "wrench": "~1.5.8"
},
"engines": {
  "node": ">=0.10.0"
}
}

我看到您已经安装了

“gulpload plugins”

，但在

gulpfile.js

中没有提到它。此模块的目的是加载所有所需的模块，以便不需要单独的

require

在调用

$.mainBowerFiles

之前，应该添加以下内容

var $ = require('gulp-load-plugins')({
    pattern: ['gulp-*', 'gulp.*', 'main-bower-files'],
    replaceString: /\bgulp[\-.]/
});

这里，

main-bower文件需要以模式手动注入，如果其他模块有类似的名称，您也可以使用通配符。
我看到您已经安装了
“gulp-load-plugins”
，但在
gulpfile.js
中没有提到它。此模块的目的是加载所有所需的模块，以便不需要单独的
require

在调用
$.mainBowerFiles
之前，应该添加以下内容

var $ = require('gulp-load-plugins')({
    pattern: ['gulp-*', 'gulp.*', 'main-bower-files'],
    replaceString: /\bgulp[\-.]/
});

这里,，
main bower文件
需要以模式手动注入，如果其他模块具有类似的名称，您也可以使用通配符。
请发布gulpfile.js和package.json的内容。@Barryman9000 doneYou可能需要此包：@kazenorin它已经包含在他的
package.json
文件中请发布gulpfile.js和package.json@Barryman9000 doneYou可能需要这个包：@kazenorin它已经包含在他的
package.json
文件中了