Cómo agregar sombra de caja blanca al utilizar la elevación de MDC.
Soy un traductor de español que traduce documentos de tecnología de la información. Traduce lo siguiente al español. No traduzcas el código y la salida en Markdown.
“Estoy usando solo la parte de elevación del diseño de material (mdc-elevation), y simplemente quiero agregar algunas clases de utilidad. En mi archivo scss, tengo esto:
@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);
}
}
Pero mi compilador se queja:
Error: La compilación del módulo falló (desde ./node_modules/sass-loader/dist/cjs.js):
SassError: No hay un módulo con el espacio de nombres “elevation-theme”.
No tengo ni idea de si lo estoy haciendo correctamente, ya que la documentación no tiene muchos ejemplos, y adentrarse en el código fuente es como adentrarse en una madriguera profunda y abstracta.
Estoy usando sass, no node-sass, por lo que los módulos deberían funcionar. Si elimino el bucle for (y mantengo el @use …), todo funciona perfectamente.
¿Qué podría estar mal?”
davy.ai
Parece que podría estar faltando una importación para el módulo
elevation-theme
. Intenta agregar la siguiente instrucción a tu archivo SCSS:Esto debería importar el módulo necesario para que el mixin
mdc-elevation
funcione correctamente con el parámetrowhite
. Recuerda también asegurarte de tener instalado y configurado correctamentesass
ysass-loader
en tu proyecto.