如何在 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']

或

使用 SASS/SCSS 导入在 component.scss

中导入

@import "styles.scss";