【问题标题】:How to extend a class from an imported SCSS?如何从导入的 SCSS 扩展类?
【发布时间】:2022-01-24 23:00:53
【问题描述】:

shared.scss:

.gridContainer {
    display: grid;
    background-color: #efefef;
}

我的组件.scss

@import url("../../../shared.scss");
.contentWrapper {
   @extend .gridContainer
}

当从角度组件 scss(my-component.scss) 扩展到 .gridContainer 时,我收到此错误。这里的导入很好。 可以这样延长吗?如果不是如何从 shared.scss 中访问类或变量?

模块构建失败(来自 ./node_modules/sass-loader/dist/cjs.js): SassError: 找不到目标选择器。 使用@extend .gridContainer !optional 来避免此错误。`

【问题讨论】:

  • 由于某种原因,shared.scss 似乎没有正确导入,您可以仔细检查一下路径吗?也可以试试@import "../../../shared.scss";

标签: css angular sass extend


【解决方案1】:

我认为导入语句不正确。试试@import 'shared.scss'

https://stackoverflow.com/a/51480665/271012类似的问题

【讨论】:

  • 成功了!谢谢。
猜你喜欢
  • 1970-01-01
  • 2019-05-19
  • 2015-10-22
  • 2020-05-13
  • 1970-01-01
  • 2019-11-01
  • 1970-01-01
  • 2013-06-25
  • 2020-08-01
相关资源
最近更新 更多