编译SCSS为CSS时报rgba函数$alpha参数错误及npm ELIFECYCLE错误如何解决
报错原因
SCSS编译失败的直接原因是E:/Natours/sass/main.scss第31行的代码存在字符书写错误:你将rgba函数的第二个透明度参数0.8误写为了o.8,开头是小写字母o而非阿拉伯数字0,导致SCSS无法将其识别为合法的数值类型,不符合rgba函数要求第二个参数$alpha必须为数字的规则,因此抛出编译错误。
后续控制台输出的npm相关报错是SCSS编译脚本执行失败后抛出的异常提示,并非npm本身或依赖安装存在问题。
解决方法
- 打开
E:/Natours/sass/main.scss文件,定位到第31行的代码:rgba($color-primary-light, o.8) - 将参数里的小写字母
o替换为阿拉伯数字0,修正后代码为:rgba($color-primary-light, 0.8) - 重新执行SCSS编译命令
npm run compile:sass即可正常完成编译。
内容的提问来源于stack exchange,提问作者Sahil Chaudhary
相关产品推荐
相关产品推荐

