2016-02-19 3 views
2

Я настроил gulp для своего приложения.Ошибка модуля во время работы gulp: dist

При работе с глотком подавайте все в порядке.

Но когда я бегу с глотком служить: расстояние

Я получаю ниже ошибки

Uncaught Error: [$injector:modulerr] Failed to instantiate module xxx due to: 
Error: [$injector:nomod] Module 'xxx' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. 

Пожалуйста, помогите мне в этом

мой файл глотком ниже

/** 
* Welcome to your gulpfile! 
* The gulp tasks are splitted in several files in the gulp directory 
* because putting all here was really 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 
* main optimization build task 
*/ 
gulp.task('default', ['clean'], function() { 
    gulp.start('build'); 
}); 

и мой файл build.js в папке gulp

'use strict'; 

var path = require('path'); 
var gulp = require('gulp'); 
var conf = require('./conf'); 

var $ = require('gulp-load-plugins')({ 
    pattern: ['gulp-*', 'main-bower-files', 'uglify-save-license', 'del'] 
}); 

gulp.task('partials', function() { 
    return gulp.src([ 
     path.join(conf.paths.src, '/app/**/*.html'), 
     path.join(conf.paths.tmp, '/serve/app/**/*.html') 
    ]) 
    .pipe($.minifyHtml({ 
     empty: true, 
     spare: true, 
     quotes: true 
    })) 
    .pipe($.angularTemplatecache('templateCacheHtml.js', { 
     module: 'xxx', 
     root: 'app', 
     templateHeader: '(function() { angular.module("<%= module %>"<%= standalone %>).run(["$templateCache", function($templateCache) {', 
     templateFooter: '}]);})();' 
    })) 
    .pipe(gulp.dest(conf.paths.tmp + '/partials/')); 
}); 

gulp.task('html', ['inject', 'partials'], function() { 
     var partialsInjectFile = gulp.src(path.join(conf.paths.tmp, '/partials/templateCacheHtml.js'), { read: false }); 
    var partialsInjectOptions = { 
     starttag: '<!-- inject:partials -->', 
     ignorePath: path.join(conf.paths.tmp, '/partials'), 
     addRootSlash: false 
    }; 

    var htmlFilter = $.filter('*.html', { restore: true }); 
    var jsFilter = $.filter('**/*.js', { restore: true }); 
    var cssFilter = $.filter('**/*.css', { restore: true }); 
    var assets; 

    return gulp.src(path.join(conf.paths.tmp, '/serve/*.html')) 
    .pipe($.inject(partialsInjectFile, partialsInjectOptions)) 
    .pipe(assets = $.useref.assets()) 
    .pipe($.rev()) 
    .pipe(jsFilter) 
    .pipe($.sourcemaps.init()) 
    .pipe($.ngAnnotate()) 
    .pipe($.uglify({ preserveComments: $.uglifySaveLicense })).on('error',  conf.errorHandler('Uglify')) 
    .pipe($.sourcemaps.write('maps')) 
    .pipe(jsFilter.restore) 
    .pipe(cssFilter) 
    .pipe($.sourcemaps.init()) 
    .pipe($.replace('../../bower_components/material-design-iconfont/iconfont/', '../fonts/')) 
    .pipe($.minifyCss({ processImport: false })) 
    .pipe($.sourcemaps.write('maps')) 
    .pipe(cssFilter.restore) 
    .pipe(assets.restore()) 
    .pipe($.useref()) 
    .pipe($.revReplace()) 
    .pipe(htmlFilter) 
    .pipe($.minifyHtml({ 
      empty: true, 
      spare: true, 
      quotes: true, 
      conditionals: true 
     })) 
    .pipe(htmlFilter.restore) 
    .pipe(gulp.dest(path.join(conf.paths.dist, '/'))) 
    .pipe($.size({ title: path.join(conf.paths.dist, '/'), showFiles: true    })); 
    }); 

    // Only applies for fonts from bower dependencies 
    // Custom fonts are handled by the "other" task 
    gulp.task('fonts', function() { 
    return gulp.src($.mainBowerFiles().concat('bower_components/material-design-iconfont/iconfont/*')) 
    .pipe($.filter('**/*.{eot,svg,ttf,woff,woff2}')) 
    .pipe($.flatten()) 
    .pipe(gulp.dest(path.join(conf.paths.dist, '/fonts/'))); 
    }); 

    gulp.task('other', function() { 
     var fileFilter = $.filter(function (file) { 
     return file.stat.isFile(); 
    }); 

    return gulp.src([ 
     path.join(conf.paths.src, '/**/*'), 
     path.join('!' + conf.paths.src, '/**/*.{html,css,js}') 
    ]) 
    .pipe(fileFilter) 
    .pipe(gulp.dest(path.join(conf.paths.dist, '/'))); 
}); 

gulp.task('clean', function() { 
    return $.del([path.join(conf.paths.dist, '/'), path.join(conf.paths.tmp,  '/')]); 
}); 

gulp.task('build', ['html', 'fonts', 'other']); 
+0

, пожалуйста, поделитесь файлом gulp. – WitVault

+0

Я поделился файлом gulp –

+0

Я поделился файлом build.js и –

ответ

0

Вы, кажется, похожи на то, с чем я столкнулся. Попробуйте проверить файл js, где вы определили свой маршрутConfig. Возможно, у него отсутствует требуемая функция.

Или проверьте @ng Вводная аннотация, которая используется для инъекций. Возможно, вам не хватает или прокомментировала функцию с этой аннотацией по ошибке.

Смежные вопросы