Gulp:SyntaxError:意外的JSON输入结束
问题描述:
我有一个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);
});
答
这是由代码中的变量bowerFiles造成的。
bowerFiles = require('main-bower-files');
出于某种原因,没有发现从凉亭包你已经安装了所需的CSS文件。由于错误提到了JSON的一些问题,我想你的bower配置文件.bowerrc有问题。仔细检查它指向的凉亭目录是否正确。点击这里link了解更多关于.bowerrc文件的信息。