angular - 如何在 Angular 7 中使用 SCSS 混入

Question

我在我的 Angular 元素中遇到了这个错误。

@include for-desktop-up {...." No mixin named 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']

或

在component.scss中使用SASS/SCSS import导入

@import "styles.scss";