Question

我的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 Framework。

有趣的是，我有两台计算机具有相同的设置，另一台工作正常，另一台则出现上述错误。我使用git，因此两个项目都有相同的文件和文件夹结构。

编辑：降级罗盘后：

这是我得到的＆＃39; gulp sass＆＃39;：

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

- ＆GT;

overwrite ./www/css/main.css

Answer 1

对于在Windows环境中遇到此错误的任何人，首先检查您的配置路径，以确保它们不是绝对的或其他一些废话。

接下来，在导航到项目目录时，请确保对目录使用正确的大小写。由于Windows不区分大小写，因此当cd myproject/source/实际为MyProject/source/时，它将允许您gulp-compass。如果您仅使用cd myproject/source/小写字母运行gulp任务，则$ MyProject/source/ > gulp sass会出现此错误。

检查您的终端CWD并确保它与案例匹配：{{1}}或其他一些。

Answer 2

检查计算机中是否安装了Ruby。我有同样的错误，安装ruby解决了问题

错误：单个样式表必须位于sass目录中

2 个答案: