es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

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?”

Tags:  , , , ,

Answer

  1. Avatar for 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:

    @use "@material/elevation/elevation-theme";
    

    Esto debería importar el módulo necesario para que el mixin mdc-elevation funcione correctamente con el parámetro white. Recuerda también asegurarte de tener instalado y configurado correctamente sass y sass-loader en tu proyecto.

Comments are closed.