Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Ú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

Alias y comunicación entre archivos

7/22
Recursos

Aportes 7

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

archivo jsconfig.json

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

En next js de acuerdo a la documentación el baseUrl te permite importar desde el archivo raíz, es decir

import Header from 'components/Header';
// es lo mismo que
import Header from '../components/Header';
// lo mismo que 
import Header from '@components/Header';
// pero hasta este punto el alias no funciona

por lo tanto crear los alias para las carpetas de primer nivel ya no sería necesario, y para los logos e íconos la solución sería

import menu from 'assets/icons/icon_menu.svg';

pero si queremos usar el alias más corto porque se ve mejor

import menu from '@icons/icon_menu.svg';

entonces el archivo jsconfig.json debe verse más o menos así

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

BORREEEE MIS ESTILOOOOOOS JAJAJAJAJA

Le pido porfavor a los creadores que no cometan mas el desencuentro de cortar la parte de un bug fix, horas estoy intentando arreglar lo que probablemente sea una tontera. Tampoco se que arreglar, busco documentos oficiales y no se que leer; se que cuando se lea este comentario ya abre arreglado el error, pero la decepción se vuelve de a momentos constante con platzi. A seguir aprendiendo!

siempre sigo al pie de la letra los cursos, y siempre me trabo 4 (o mas) hs por bugs; que frustracion…

Min 11:49, cortan el video, tal parece que no hay solución, actualizaré este comentario cuando logre resolverlo

alguna modificacion en el next.config.js