Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了编译bootstrap.scss时出错 – _root.scss问题大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
编译我的bootstrap sass文件时出错.错误如下所示.当我评论出_root.scss的第4行和第8行时,它可以工作,但这不是一个理想的解决方案.这是怎么回事? – 我正在运行最新版本的Sass 3.5.3

Error: Invalid CSS after "...lor}: #{$value}": expected "{",was ";"
        on line 4 of /Users/.../bootstrap-4.0.0/scss/_root.scss
  ...

1: :root {
2:   // Custom variable values only support SassScript inside `#{}`.
3:   @each $color,$value in $colors {
4:     --#{$color}: #{$value};
5:   }
6: 
7:   @each $color,$value in $theme-colors {
8:     --#{$color}: #{$value};
9:   }

解决方法

它看起来像是SASS编译器本身的一个错误.
在这里你有非常类似的问题:

> https://github.com/twbs/bootstrap/issues/24549
> https://github.com/sass/sass/issues/2383

试试这个:

1: :root {
2:   // Custom variable values only support SassScript inside `#{}`.
3:   @each $color,$value in $colors {
4:     --color-#{$color}: #{$value};
5:   }
6: 
7:   @each $color,$value in $theme-colors {
8:     --color-#{$color}: #{$value};
9:   }

大佬总结

以上是大佬教程为你收集整理的编译bootstrap.scss时出错 – _root.scss问题全部内容,希望文章能够帮你解决编译bootstrap.scss时出错 – _root.scss问题所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。