当build立AngularJS模板时,咕嘟咕嘟地注释错误

我是新来的吞咽和节点不是我的后院,所以我需要一些帮助找出什么问题是当我build立一个模板formsStartAngular 。

我已经下载了模板,并按照自述文件中的说明来构build它(我在与塞拉利昂和酿造的Mac上)我遇到下面的错误运行gulp build

 (node:13596) DeprecationWarning: process.EventEmitter is deprecated. Use require('events') instead. [15:28:55] Starting 'clean'... [15:28:56] Finished 'clean' after 20 ms [15:28:56] Starting 'build'... [15:28:56] Starting 'jshint'... [15:28:56] Starting 'styles'... [15:28:56] Starting 'images'... [15:28:56] Starting 'fonts'... [15:28:56] Starting 'extras'... [15:28:56] Finished 'build' after 822 ms [15:28:57] Finished 'jshint' after 1.15 s [15:28:57] Finished 'images' after 407 ms [15:28:58] Finished 'styles' after 1.82 s [15:28:58] Starting 'html'... [15:28:58] Finished 'extras' after 1.89 s events.js:160 throw er; // Unhandled 'error' event ^ Error: styles/main.css: error: couldn't process source due to parse error Unexpected character '@' (1:0) 

尝试到目前为止

我在这里打开了一个问题,我看到模板代码是2岁,很明显有版本问题导致这个问题。

我已经尝试过使用节点4,6和7,并且还迫使{package,bower}.json文件中的最低版本的bower和npm依赖项没有任何成功。

我也看看.tmp ,我看到styles/main.css在那里,它看起来很好,并确实开始与@应该是好的。

我也编辑了app/index.html一点一滴评论失败的部分,因为在这个错误之后,我得到了像这样的东西几个其他问题:

 <!-- build:css(.tmp) styles/vendor.css --> <!-- bower:css --> <link rel="stylesheet" href="../bower_components/fontawesome/css/font-awesome.css" /> <link rel="stylesheet" href="../bower_components/angular-snap/angular-snap.css" /> <!-- endbower --> 

注释掉所有这些当然不会解决问题,但它只是表明所有这些类似的指令都无法使用.js.css

我也研究过gulpfile.js ,试图了解到底发生了什么,但迄今为止还没有什么启发。

谷歌似乎也在阳光下提出了各种build议,我尝试了一些没有成功的东西,也不清楚哪个部分真的失败了。

我想得到这个模板工作,所以做一个公关解决的事情,我会很感激你在这里的任何帮助forms:)谢谢!

这个问题是打破正则expression式,一个补丁看起来像这样:

 diff --git a/gulpfile.js b/gulpfile.js index 3fbadef..d19cd08 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -36,12 +36,12 @@ gulp.task('html', ['styles'], function() { return gulp.src('app/**/*.html') .pipe(assets) - .pipe($.if('*.js', $.ngAnnotate())) - .pipe($.if('*.js', $.uglify())) - .pipe($.if('*.css', cssChannel())) + .pipe($.if('.*\.js', $.ngAnnotate())) + .pipe($.if('.*\.js', $.uglify())) + .pipe($.if('.*\.css', cssChannel())) .pipe(assets.restore()) .pipe($.useref()) - .pipe($.if('*.html', $.htmlmin({collapseWhitespace: true}))) + .pipe($.if('.*\.html', $.htmlmin({collapseWhitespace: true}))) .pipe(gulp.dest('dist')); });