SyntaxError:使用Gulp和main-bower-files包意外结束输入错误

Question

我一直在尝试将主要的bower文件注入我的构建文件夹index.html时出错

我正在使用main-bower-files NPM 包.

我的代码看起来像这样:

//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));
});

这给了我以下错误

SyntaxError: Unexpected end of input 

Answer 1

所以这个真的让我烦恼(我在NPM包代码下偷看,看看输入错误是否真的意外结束,但错误是我的错).

问题出在我的文件结构中,我有一个空的.bowerrc文件,我是通过输入从终端生成的$ touch .bowerrc.只需添加

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

并且......错误消失了!希望这能给别人带来尽可能多的麻烦.