本文介绍了节点无效的CSS的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
node-sass甚至支持@use吗?由于出现此错误:
Does node-sass even support @use ? Since I'm getting this error:
SassError:"... t-family:fonts"之后的无效CSS:预期表达式(例如1px,粗体)为.$ roboto;"
SassError: Invalid CSS after "...t-family: fonts": expected expression (e.g. 1px, bold), was ".$roboto;"
这是Nav.scss的代码:
Here's the code of Nav.scss:
.nav { width: 100%; font-family: fonts.$roboto; &__item { margin-bottom: 10px; font-size: variables.$a; &_active { color: rgb(37, 133, 34); } } &__item:last-child { margin-bottom: 0px; } }这是fonts.scss的代码:
Here's the code of fonts.scss:
$roboto: 'Roboto';推荐答案
语法对于node-sass不正确.
The syntax is incorrect for node-sass.
您已经在fonts.scss中正确定义了font变量,但是如果尚未使用,则需要将字体文件导入到Nav.scss文件中.
You have defined the font variable correctly in fonts.scss but you need to import the font file into your Nav.scss file if you haven't already with:
@import "PATH/fonts.scss";然后,您只需要像这样引用变量即可:
You then just need to reference the variable like so:
font-family: $roboto;更多推荐
节点无效的CSS
发布评论