angular - 如何在 Angular 7 中使用 SCSS mixins
问题描述
我在我的角度项目中遇到了这个错误。
@include for-desktop-up {.... “没有名为 for-desktop-up 的 mixin”
我在 styles.scss 中的代码是
@mixin for-desktop-up {
@media (min-width: 1024px) { @content; }
}
我在组件样式表中的代码是
@include for-desktop-up {
//some scss code
}
我做错了什么或发生了什么?
解决方案
将 component.ts 中的文件导入为
styleUrls: ['./styles.scss']
或者
使用 SASS/SCSS 导入在 component.scss 中导入
@import "styles.scss";
推荐阅读
- java - Elixir / JInterface - 从 Java 将字符串列表发送回 elixir
- python-3.x - 如何在列表和元素列表中解压缩列表?
- python - 使用带有 fromdate 参数的 Stack API 从 Stackoverflow 访问数据
- python - 在我的 Python Discord 机器人中出现“RuntimeWarning: coroutine 'function1' was never awaited”错误
- wpf - 如果值超出范围,则更改文本块的颜色
- c++ - 如何正确地为字符串“数组”动态分配内存
- rest - “您的密码不符合要求”的 HTTP 状态代码
- powershell - 使用 Powershell 创建快捷方式未按预期工作
- android - 使用 Retrofit、Moshi 和 Kotlin 展开封装响应
- string - 如何以数学方式评估字符串?(例如“4*4+1/1”= 17)