节点无效的CSS [英] node-sass invalid 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的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！