vue3 + vite 项目中,使用 Stylelint
检查和格式化 css、less、scss 代码格式,遇到这个报错:Stylelint: Expected list.nth instead of nth (scss/no-global-function-names)
。
代码展示
1 | $colors: #66b1ff, #84ce62, #ebb563, #f78a89, #b799ff, #f99b7d, #afdafe, #b7e7e1, #efedd4; |
问题原因
在这个 @for
循环中使用了 sass
内置的 nth
函数,被 Stylelint
工具检查报错。
解决办法
有两种方法能使 Stylelint
不标红报错。
- 在
.stylelintrc
配置文件中配置忽略规则
1 | module.exports = { |
- 在自己的
scss
文件中加载使用list
模块,以list.nth
的形式使用 nth 函数。(推荐)
1 | @use "sass:list"; /* 重点 */ |
欢迎访问:天问博客
本文作者: Tiven
发布时间: 2023-04-18
最后更新: 2023-05-19
本文标题: Stylelint: Expected list.nth instead of nth (scss/no-global-function-names)
本文链接: https://www.tiven.cn/p/6bc1ccb8/
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!
发布时间: 2023-04-18
最后更新: 2023-05-19
本文标题: Stylelint: Expected list.nth instead of nth (scss/no-global-function-names)
本文链接: https://www.tiven.cn/p/6bc1ccb8/
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!