2017-04-24 166 views
1

我有一个AngularJS应用程序,为此我使用了bower,npm和gulp。此代码是工作前几天,不知道为什么,但我得到了下面的时候我做了一口命令:Gulp:SyntaxError:意外的JSON输入结束

gulp minifycss; 

错误:

SyntaxError: Unexpected end of JSON input 
at Object.parse (native) 
at module.exports (..\node_modules\main-bower-files\lib\index.js:48:43) 
at Gulp.<anonymous> (..\gulpfile.js:72:33) 
at module.exports (..\node_modules\orchestrator\lib\runTask.js:34:7) 
at Gulp.Orchestrator._runTask (..\node_modules\orchestrator\index.js:273:3) 
at Gulp.Orchestrator._runStep (..\node_modules\orchestrator\index.js:214:10) 
at Gulp.Orchestrator.start (..\node_modules\orchestrator\index.js:134:8) 
at C:\Users\bgi5\AppData\Roaming\npm\node_modules\gulp\bin\gulp.js:129:20 
at _combinedTickCallback (internal/process/next_tick.js:73:7) 
at process._tickCallback (internal/process/next_tick.js:104:9) 

咕嘟咕嘟代码:

var cleanCss = require('gulp-clean-css'), 
filter = require('gulp-filter'), 
concat = require('gulp-concat'), 
merge = require('merge-stream'), 
bowerFiles = require('main-bower-files'); 
var config = { 
paths: { 
    src: './src', 
    build: './build', 
    bower: './bower_components' 
} 
}; 
gulp.task('minifyCss', function() { 
var v= gulp.src(bowerFiles()) 
    .pipe(filter(['**/*.css'])) 
    .pipe(concat('v.css')) 
    .pipe(cleanCss({debug: true})) 
    .pipe(gulp.dest(config.paths.build + '/styles')); 

var a= gulp.src(config.paths.src + '/**/*.css') 
    .pipe(concat('a.css')) 
    .pipe(cleanCss({debug: true})) 
    .pipe(gulp.dest(config.paths.build + '/styles')); 

return merge(v, a); 
}); 

回答

2

这是由代码中的变量bowerFiles造成的。

bowerFiles = require('main-bower-files');

出于某种原因,没有发现从凉亭包你已经安装了所需的CSS文件。由于错误提到了JSON的一些问题,我想你的bower配置文件.bowerrc有问题。仔细检查它指向的凉亭目录是否正确。点击这里link了解更多关于.bowerrc文件的信息。