Individual stylesheets must be in the sass directory

最新推荐文章于 2025-12-01 08:59:28 发布

原创最新推荐文章于 2025-12-01 08:59:28 发布 · 540 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#gulp #sass

gulp-compass 同时被 2 个专栏收录

1 篇文章

订阅专栏

sass

1 篇文章

订阅专栏

本文记录了一次使用gulp-compass编译SASS时遇到的错误：个别样式表必须位于'sass'目录中。作者分享了其解决过程，包括检查配置文件、重启VSCode等尝试，最终在未做任何改动的情况下，问题于次日自行解决。

使用gulp-compass编译sass,报错

*Individual stylesheets must be in the sass directory.*

部分关键代码如下

 /* 编译sass文件，然后调用compass进行编译，设置css和sass的路径*/
 gulp.task('compass', function() {
  gulp.src('src/**/*.scss')
    .pipe(compass({
      config_file: './config.rb',
      css: 'src/css',
      sass: 'src/sass'
    }))
    .pipe(gulp.dest('./dist/css/'));
});

require 'compass/import-once/activate'
# Require any additional compass plugins here.

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"

"devDependencies": {
    "browser-sync": "^2.8.2",
    "del": "^1.2.1",
    "gulp": "^3.9.0",
    "gulp-compass": "^1.3.3",
    "run-sequence": "^1.1.2"
  }

在这里插入图片描述
然后2个小时之后还是觉得自己写的没错，无可奈何，最后还把vscode关闭，重新打开，仍然报错，。。。，就洗洗睡了