1、报错分析：

其一、报错的代码及信息为：

A、报错的代码：

Function rgb is missing argument $green.

B、报错的信息展示为：

其二、报错的问题分析：

A、找到报错的代码为：

box-shadow: 1px 1px 1px 1px rgba(0 0 0 / 10%);

B、报错代码行的截图：

2、解决过程：

其一、就是 rgba 的问题，搜了一下，换一种表达方式(即：中间加了逗号)：
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 10%);

其二、此时就不再报错，页面展示效果为：

其三、此时就将报错的问题解决了；

3、问题探讨：

其一、上面的方法应该是解决该问题的最快的方法；

其二、应该还有其它方法：

A、因为存在确实使用了这样的代码在这里插入代码片box-shadow:0 1px 0 rgb(0 0 0 / 10%);，而且还生效了，如图：

B、代码为：

<div style="height:284px;background:#fff;box-shadow:0 1px 0 rgb(0 0 0 / 10%);border-radius:6px;"></div>

其三、有无其它方法或怎么理解或使用这样的语法 box-shadow:0 1px 0 rgb(0 0 0 / 10%); ，还请大佬们多多指教；

4、小结：

其一、哪里有不对或不合适的地方，还请大佬们多多指点和交流！
其二、有兴趣的话，可以多多关注这个专栏(Vue(Vue2+Vue3)面试必备专栏)：https://blog.csdn.net/weixin_43405300/category_11525646.html?spm=1001.2014.3001.5482