如何使用角度为7的SCSS mixin

Question

我在棱角项目中遇到此错误。

  

@include for-desktop-up {.... ”    没有名称为桌面的混合人”

我在styles.scss中的代码是

@mixin for-desktop-up {
    @media (min-width: 1024px) { @content; }
}

我在组件样式表中的代码是

@include for-desktop-up {
    //some scss code
}

我做错了什么或怎么回事？

Answer 1

以

的形式在component.ts中导入文件

styleUrls: ['./styles.scss']

或

使用SASS / SCSS导入来导入component.scss

@import "styles.scss";