Sass 使用bower安装奇点的正确方法？

在我的项目中安装singularity时遇到了一些麻烦。首先，我安装了奇点与鲍尔

之后，我有一个项目结构如下：

  My Projekt
    app
       bower_components
         compass_breakpoint
         sassy-maps 
         singularity
       styles
         main.scss

然后我将singularity导入我的main.scss文件，如下所示：

@import "../bower_components/singularity/stylesheets/singularitygs";

在_singularity.scss中，我将断点的导入路径更正为：

如果我现在在终端中运行

gulp

，我会得到一个奇怪的错误：

[gulp] Error in plugin 'gulp-ruby-sass':
Syntax error: Invalid CSS after "...ntext holder') ": expected "}", was "!global;"
    on line 47 of  /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/bower_components/compass-breakpoint/stylesheets/_breakpoint.scss
    from line 4 of /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/bower_components/singularity/stylesheets/_singularitygs.scss
    from line 1 of /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/styles/main.scss

at ChildProcess.<anonymous> (/Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/node_modules/gulp-ruby-sass/index.js:80:25)
at ChildProcess.EventEmitter.emit (events.js:98:17)
at maybeClose (child_process.js:743:16)
at Socket.<anonymous> (child_process.js:956:11)
at Socket.EventEmitter.emit (events.js:95:17)
at Pipe.close (net.js:466:12)

插件“gulp ruby sass”中的

[gulp]错误：
语法错误：“…ntext holder'）”之后的CSS无效：应为“}”，为“！global；”
在/Users/Shared/Dropbox/Server/htdocs/Frameworks/my project/app/bower_components/compass breakpoint/stylesheets/_breakpoint.scss的第47行
来自/Users/Shared/Dropbox/Server/htdocs/Frameworks/my project/app/bower_components/singularity/stylesheets/_singularitygs.scss的第4行
来自/Users/Shared/Dropbox/Server/htdocs/Frameworks/my project/app/styles/main.scss的第1行
在这个过程中。（/Users/Shared/Dropbox/Server/htdocs/Frameworks/my project/node_modules/gulp ruby-sass/index.js:80:25）
在ChildProcess.EventEmitter.emit（events.js:98:17）
在maybeClose（child_process.js:743:16）
在插座上。（child_process.js:956:11）
位于Socket.EventEmitter.emit（events.js:95:17）
at Pipe.close（net.js:466:12）

有人知道如何运行此安装程序吗

---

谢谢，奥利虽然您可以通过Bower安装Singularity，但您需要确保运行的编译器与Sass 3.3兼容。确保您实际使用正确版本的Sass的最佳方法是使用。您的文件应该如下所示：

源代码'https://rubygems.org'
gem“sass”，“~>3.3.0.rc.3”

然后确保Gulp Ruby Sass正在运行

Ok，我用bundler安装了singularity，并用

bundleExec更新了我的gulpfile.js:“bundle exec Sass”，

在我的main.scss中我用@import“singularitygs”导入了singularity；`但是如果我运行

grunt-watch

现在我得到了这个错误：

[gulp]插件“gulp-ruby-sass”中的错误：语法错误：导入的文件找不到或不可读：singularity's.

[gulp] Error in plugin 'gulp-ruby-sass':
Syntax error: Invalid CSS after "...ntext holder') ": expected "}", was "!global;"
    on line 47 of  /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/bower_components/compass-breakpoint/stylesheets/_breakpoint.scss
    from line 4 of /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/bower_components/singularity/stylesheets/_singularitygs.scss
    from line 1 of /Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/app/styles/main.scss

at ChildProcess.<anonymous> (/Users/Shared/Dropbox/Server/htdocs/Frameworks/my-project/node_modules/gulp-ruby-sass/index.js:80:25)
at ChildProcess.EventEmitter.emit (events.js:98:17)
at maybeClose (child_process.js:743:16)
at Socket.<anonymous> (child_process.js:956:11)
at Socket.EventEmitter.emit (events.js:95:17)
at Pipe.close (net.js:466:12)