Sass样式问题

来源:5-1 Nav-Header组件(1)

慕仙6370059

2022-09-17

老师,我那个sassload和nodesass都根据官网的版本跟node版本对应上了,但是一直提示我不对,后来看了问答区就直接把node-sass卸载了,装成了sass,可以用了,但是那个config.scss文件识别好像不行,语法出问题了,那个reset文件没问题,官网说node-sass6.0+对应node16+,我电脑node就是16,而且百度出来也说node-sass6.0跟sass-load10.0是搭配的,但是我一弄,就提示我要用node-sass4.0-5.0,改成4.13.0又提示我跟node.js版本冲突,快被烦死了。
sass:
图片描述
sass-load
图片描述
保错信息:图片描述
这是gitee拷贝下来的样式表,应该是没问题的。
`/*
样式规范表
*/
$min-width:1226px; //容器安全区域宽度

// 常规字体大小设置
$fontA: 80px; //产品站大标题
$fontB: 38px; //产品站标题
$fontC: 28px; //导航标题
$fontD: 26px; //产品站副标题
$fontE: 24px;
$fontF: 22px;
$fontG: 20px; //用在较为重要的文字、操作按钮
$fontH: 18px; //用于大多数文字
$fontI: 16px; //用于辅助性文字
$fontJ: 14px; //用于一般文字
$fontK: 12px; //系统默认大小

// 常规配色设置
$colorA: #7adb67 !default; //用于需要突出和强调的文字、按钮和icon
$colorB: #333333 !default; //用于较为重要的文字信息、内页标题等
$colorC: #666666 !default; //用于普通段落信息 引导词
$colorD: #999999 !default; //用于辅助、次要的文字信息、普通按钮的描边
$colorE: #cccccc !default; //用于特别弱的文字
$colorF: #d7d7d7 !default; //用于列表分割线、标签秒变
$colorG: #ffffff !default; //用于导航栏文字、按钮文字、白色背景
$colorH: #e5e5e5 !default; //用于上下模块分割线
$colorI: #000000 !default; //纯黑色背景,用于遮罩层
$colorJ: #F5F5F5 !default; //弹框标题背景色
$colorK: #FFFAF7 !default; //订单标题背景色`

写回答

1回答

河畔一角

2022-09-20

安装sass和sass-loader就可以了,不用安装node-sass了,截图报错是config.scss的顺序出了问题,用到变量的地方,必须把config文件引用放前面。建议你尽快添加课程群,在群里我会第一时间帮你解决问题。

0
0

Vue全家桶实战 从零独立开发企业级电商系统

Vue全家桶构建企业级电商系统,真实服务端数据对接,高实用性

2560 学习 · 1307 问题

查看课程