sass报错Undefined function color.channel($color, ‘red‘)

报错详情

[plugin:vite:css] [sass] Undefined function.

╷ 53 │ #{color.channel($color, 'red'),

│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

╵

node_modules\element-plus\theme-chalk\src\mixins\_var.scss 53:7 set-css-color-rgb()

node_modules\element-plus\theme-chalk\src\var.scss 17:5 @use

node_modules\element-plus\theme-chalk\src\base.scss 3:3 root stylesheet

​​​​

报错原因分析

推测是由于element-plus版本过高导致的，博主出现这个错误时使用的是element-plus2.8.6，后面切换到2.8.4就没有这该报错了。关于如何将高版本的element-plus降低版本请往下看👇

解决方案

• 首先删除项目中node_modules文件夹下的@element-plus文件夹，直接右键删除就可以
  
• 第二步删除package-lock.json文件，注意不是package.json，不要删错了
  
• 最后使用cmd进入该目录下，先后使用

npm uninstall element-plus
npm i element-plus@2.8.4

参考来源：

b站up主@程序员青戈在视频BV1Df2cYVEWo下的评论