escueladigital / EDgrid

CSS/Sass library for responsive layouts | Libreria CSS/Sass para construir layouts responsive
http://ed-grid.com
GNU General Public License v2.0
260 stars 168 forks source link

Error en mixins, no es posible usar la librería por sass #104

Closed jahirvidrio closed 4 years ago

jahirvidrio commented 4 years ago
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Expected '.
   ╷
68 │             @debug ('
   │                      ^
   ╵
  node_modules\ed-grid\src\scss\ed-grid\helpers\_mixins.scss 68:22  @import
  node_modules\ed-grid\src\scss\ed-grid.scss 27:9                   @import
  node_modules\ed-grid\ed-grid.scss 1:9                             @import
Jopzik commented 4 years ago

Hola @jahirvidrio, ¿qué tal? Gracias por informarnos de este error, sería de gran ayuda que nos brindaras un poco más de información, como si estabas usando alguna función de EDgrid en Sass.

jahirvidrio commented 4 years ago

Hola @Jopzik, no estaba usando nada, hice la instalación con npm i ed-grid y al hacer la importación en mi archivo sass principal @import '~ed-grid/ed-grid'; nunca me dejó compilar y me daba ese mensaje de error.

Jopzik commented 4 years ago

¿Puedes mostrar el código de tu archivo Sass principal?

jahirvidrio commented 4 years ago

Aquí

Jopzik commented 4 years ago

¿Y qué versión de EDgrid tienes instalada?

jahirvidrio commented 4 years ago

La última a día de hoy, acabo de realizar la instalación.

Jopzik commented 4 years ago

No he podido replicar el error, ¿podrías compartir la estructura Sass de tu proyecto para usarla en mi local?

WilliBautista commented 4 years ago

Hola! retomando el tema, también presento el mismo error al momento de importar ed-grid en mi sass tal cual lo hace @jahirvidrio, la versión que estoy utilizando también es la última a la fecha de hoy 3.0.1, estoy trabajando con la versión de sass 3.7.4.

Agreadezco la pronta respuesta!

Saludos!

WilliBautista commented 4 years ago

Hice una pequeña prueba quitando los espacios (enters) acomodando la sentencia del @debug en una sola linea y compilo sin error, al parecer el problema esta en los espacios o enters

Estructura que causa el error: image

Estructura que compila con exito. image

Jopzik commented 4 years ago

Hola @WilliBautista, gracias por tu respuesta, ya mismo implemento eso que me comentas en el repositorio y ver si es la solución definitiva

WilliBautista commented 4 years ago

Dale, a mi me funciono!!

Jopzik commented 4 years ago

@WilliBautista ¿podrías probar en tu consola npm install ed-grid@3.0.2-beta.1 y ver si todo marcha bien? Deshaciendo los cambios que hiciste, claro

WilliBautista commented 4 years ago

Claro, dame un momento te confirmo

WilliBautista commented 4 years ago

Solucionado! ahora ya compila sin problemas.

Muchas gracias por la pronta respuesta!

Jopzik commented 4 years ago

Al contrario, gracias a ti por tu colaboración. Ya se actualizó el repositorio y el proyecto en NPM con la versión 3.0.2