Tengo un archivo .sass definido así:
@forward './settings' @use './generic' @use './elements' @use './utilities'Cuando intento cargar la aplicación (una pila Vue3 + Vuetify3 + Vite) y ejecuto a través de Vite, aparece el siguiente error:
3:25:20 PM [vite] Internal server error: @forward rules must be written before any other rules. ╷ 2 │ @forward './settings' │ ^^^^^^^^^^^^^^^^^^^^^ ╵ node_modules/vuetify/lib/styles/main.sass 2:1 root stylesheet Tenga en cuenta que en el archivo sass correspondiente, la directiva @forward es la primera línea. ¿Por qué Vite cree que es la segunda línea? ¿Cómo depuro en qué se está masticando el archivo, ya que parece claro que algo se está insertando automáticamente en la primera línea que causa el error @forward ?
El problema es con la configuración de variables en vite.config.js, tal vez cambie en la última generación de plantillas vuetify 3.0.0-alpha.11
solo comentar líneas en preprocessorOptions
preprocessorOptions: { // sass: { additionalData: `@import ${srcPath}\n` }, // scss: { additionalData: `@import ${srcPath};\n` }, },```