【发布时间】:2015-02-08 19:41:16
【问题描述】:
我的 CSS 不起作用。这是我的终端日志:
$ gulp sass
Using gulpfile ~/dev/myproject/gulpfile.js
Starting 'sass-ionic'...
Starting 'sass-myproject'...
Individual stylesheets must be in the sass directory.
{ [Error: Compass failed]
message: 'Compass failed',
fileName: '/Users/me/dev/myproject/scss/main.scss',
showStack: false,
showProperties: true,
plugin: 'gulp-compass',
__safety: { toString: [Function] } }
Finished 'sass-ionic' after 634 ms
我正在使用 Ionic 框架。
有趣的是,我有两台设置几乎相同的计算机,另一台工作正常,另一台出现上述错误。我正在使用 git,所以这两个项目具有相同的文件和文件夹结构。
编辑:降级指南针后:
这是我在“gulp sass”之后得到的:
Starting 'sass-ionic'...
Starting 'sass-murikka'...
Finished 'sass-ionic' after 614 ms
warning Webkit only supports pixels for the start and end stops for radial gradients. Got: 100%
warning Webkit only supports pixels for the start and end stops for radial gradients. Got: 100%
identical ./www/css/main.css
Finished 'sass-murikka' after 843 ms
Starting 'sass'...
Finished 'sass' after 13 μs
在另一台计算机上,我得到完全相同的输出,除了
identical ./www/css/main.css
-->
overwrite ./www/css/main.css
【问题讨论】:
-
您使用的是哪个版本的
compass?你试过更新吗? -
compass-1.0.1 我卸载了它并安装了 compass-0.12.7 解决了这个问题!
-
届时将发布此答案
-
@MikaVäisänen 对于需要 Sass 3.3+ 功能(与 Compass 0.12 不兼容)的用户来说,降级到 0.12 似乎不是一个非常有用的解决方案。
-
对不起,问题其实还是存在的。现在没有错误,它生成 main.min.css 文件,但页面看起来没有 CSS,只是纯文本。我在另一台计算机上安装了 compass-0.12.7,它工作正常。
标签: sass compass-sass ionic-framework gulp