2015-05-01 11 views
6

Continuo a ricevere un errore nel tentativo di iniettare i file Bower principali nella mia cartella costruire index.htmlSyntaxError: fine imprevisto di errore di input usando Gulp e principali-Bower-files pacchetto

Sto usando il main-bower-files NPM package.

Il mio codice è simile al seguente:

//requires 
var gulp = require('gulp'); 
var inject = require('gulp-inject'); 
var config = require('./gulp-config'); 
var mainBowerFiles = require('main-bower-files'); 

gulp.task('default', ['move'], function() { 
    return gulp 
    .src(config.buildFolder + config.indexFile) 
    .pipe(
    inject(
    gulp.src(mainBowerFiles() ), {base: './bower_components'} 
    ) 
) 
.pipe(gulp.dest(config.buildFolder)); 
}); 

gulp.task('move', function() { 
    return gulp 
    .src(config.indexFile) 
    .pipe(gulp.dest(config.buildFolder)); 
}); 

che mi dà il seguente errore

SyntaxError: Unexpected end of input 

risposta

10

Così questo davvero mi infastidiva (stavo Sbirciare sotto il cofano il codice pacchetto di NPM vedere se c'era davvero una fine imprevista dell'errore di input, ma l'errore era colpa mia).

Il problema è nella struttura del mio file, avevo un file .bowerrc vuoto che ho generato dal terminale digitando $ touch .bowerrc. Basta aggiungere

{ 
    "directory": "(your bower components folder here as valid JSON)" 
} 

e ... l'errore è andato! spero che questo risparmi qualcun altro tanto quanto mi ha causato.

+0

Sì, questa piccola cosa ha cercato di rovinarmi la giornata. Grazie Signore! Ad ogni modo, se hai la cartella 'bower_components' impostata come al solito, e non hai bisogno di ulteriori configurazioni, puoi semplicemente cancellare il file' .bowerrc'. – leonardfactory

+0

Un'altra cosa che potrebbe causare questo errore è un'installazione interrotta, che può essere risolta rimuovendo la directory del componente, ('bower_components' di default) e rieseguendo l'installazione. –

Problemi correlati