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

Question

我在尝试将主要 Bower 文件注入我的构建文件夹 index.html 时不断收到错误

我正在使用main-bower-files NPM package。

我的代码如下所示：

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

并且...错误消失了！希望这能像它给我带来的麻烦一样省去别人的麻烦。