如何在使用mdc高程时添加白框阴影

Question

我只使用材料设计的立面部分(mdc-elevation(，只是想添加一些实用程序类。在我的scss文件中，我有这个：

@use "@material/elevation/mdc-elevation";
@for $z-value from 0 through 24 {
.mdc-elevation-white--z#{$z-value} {
@include mdc-elevation.elevation($z-value, white);
}
}

但我的编译器抱怨道：

Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: There is no module with the namespace "elevation-theme".

我不知道我做得是否正确，因为文档中没有太多例子，进入源代码就像掉进了一个抽象的兔子洞。

我使用的是sass，而不是节点sass，所以模块应该可以工作。如果我去掉for循环(并保留@use…(，一切都很好。

可能出了什么问题？

Answer 1

如果要使用mdc-elevationmixin，则需要使用另一个SCSS:@use "@material/elevation"。

您使用的@use "@material/elevation/mdc-elevation";并没有将mixin添加到当前上下文中，它只是渲染包CSS。