Individual stylesheets must be in the sass directory

使用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关闭,重新打开,仍然报错,。。。,就洗洗睡了

早上打开重新执行gulp命令,结果成功了!!!!! **

太气人了!!!!

**
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
`document.styleSheets` 是一个只读属性,它返回一个包含当前文档所有样式表的 StyleSheetList 对象。可以使用这个对象来获取和修改样式表。 下面是一些常用的 `styleSheets` 的用法: 1. 获取样式表列表 ```javascript const styleSheets = document.styleSheets; console.log(styleSheets); // 返回一个包含当前文档所有样式表的 StyleSheetList 对象。 ``` 2. 获取指定样式表 ```javascript const styleSheets = document.styleSheets; const styleSheet = styleSheets[0]; // 获取第一个样式表 console.log(styleSheet); // 返回第一个样式表 ``` 3. 获取样式规则列表 ```javascript const styleSheets = document.styleSheets; const styleSheet = styleSheets[0]; // 获取第一个样式表 const rules = styleSheet.cssRules || styleSheet.rules; // 获取样式规则列表 console.log(rules); // 返回样式规则列表 ``` 4. 插入新样式规则 ```javascript const styleSheets = document.styleSheets; const styleSheet = styleSheets[0]; // 获取第一个样式表 styleSheet.insertRule('.new-rule { color: red; }', 0); // 在第一个位置插入一条新的样式规则 ``` 5. 修改样式规则 ```javascript const styleSheets = document.styleSheets; const styleSheet = styleSheets[0]; // 获取第一个样式表 const rules = styleSheet.cssRules || styleSheet.rules; // 获取样式规则列表 const rule = rules[0]; // 获取第一个样式规则 rule.style.color = 'red'; // 修改样式规则的颜色为红色 ``` 总之,`document.styleSheets` 提供了一种非常灵活的方式来操作样式表中的样式规则。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值