No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Curso Pr谩ctico de Next.js

Curso Pr谩ctico de Next.js

Oscar Barajas Tavares

Oscar Barajas Tavares

Estilos del Header

8/22
Recursos

Aportes 14

Preguntas 3

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

Les comparto este peque帽o tutorial que escrib铆 hace ya un tiempo sobre la regla @use en Sass. @use es un reemplazo del @import que presenta varios problemas como se comenta en la documentaci贸n de esta regla.

馃斀 Tutorial

Por qu茅 @use es mejor que @import

El bebeloper con todo 馃槀馃挌

No me reconoce @use, pero si @import

En Visual Studio Code Utilicen:

Ctrl + H

Para reemplazar el 鈥渧ar()鈥 por 鈥$鈥. Eso les ahorra mucho tiempo.

Hay una configuraci贸n que cuando hago npm run build me salta errores de espacios o que falta el punto y coma鈥 No se cual configuraci贸n es pero recomiendo no ponerla

Comparto el archivo jsconfg.json

{
    "compilerOptions": {
      "baseUrl": "src",
      "paths": {
        "@icons/*": ["assets/icons/*"],
        "@logos/*": ["assets/logos/*"],
        "@context/*": ["context/*"],
        "@components/*": ["components/*"],
        "@styles/*": ["styles/*"],
        "@containers/*": ["containers/*"],
      }
    }
  }

Que pereza hacer todo esto!

Para los que no les reconoce la libreria saas les recomiendo seguir este tutorial https://exerror.com/cannot-find-module-sass-in-reactjs/

Les puede ayudar esta lectura de la documentaci贸n 馃憤

Con Alt + Shift pueden poner todos los $ a la vez.

Para el error de 鈥渃annot find sass module鈥 simplemente instalen Sass manualmente.

npm install sass

No hare los pasos que hace el profe, es una perdida total de tiempo, el objetivo del curso es mostrar como migrar un proyecto para personas que nunca lo han hecho

si tienen este mensaje Selector 鈥渘av鈥 is not pure (pure selectors must contain at least one local class or id) y no saben como solucionarlo en Header se escribio este codigo

<nav className={styles.Nav}>

por lo tanto en styles

tienen que cambiar el nav anterior por .Nav para evitar este problema

Este proyecto que viene desde el curso de #frontend developer", deber铆a haber empezado con la introducci贸n de Sass en ese mismo curso, hay mucho relleno en los cursos que le siguen por la forma en la que se construy贸 el curso de frontend developer