El uso de baseUrl en jsconfig.json no funciona con NextJS

Jamie Hutber 2019-12-25 01:08.

https://github.com/hutber/jsconfigerror Repositorio de ejemplo que muestra que jsconfig no funciona.

Tengo el siguiente conjunto dentro de mi jsconig.jsonarchivo:

{
  "compilerOptions": {
    "baseUrl": "./"
  }
}

Sin embargo, cuando hago una importación, falla:

./pages/index.js
Module not found: Can't resolve 'components/AThing' in '/var/www/gd.hutuber.com/pages'

Estructura de carpetas

¬ components
   ¬ AThing
¬ pages
   ¬ index.js

pages / index.js

import Head from 'components/AThing'

¿Cómo puedo baseUrltrabajar connextjs

javascript next.js

3 answers

Pengson 2019-12-31 16:46.

Next no lee las configuraciones escritas en jsconfig.json, debe personalizar la configuración del paquete web de la manera nextjs.

Cree un archivo llamado next.config.js en el directorio raíz de su proyecto junto a package.json. Luego reinicie.

const path = require('path')

module.exports = {
  webpack: config => {
    config.resolve.modules.push(path.resolve('./'))

    return config
  }
}

Hooman 2020-05-16 22:04.

Desde Next.js 9.4 en adelante, puede crear jsconfig.jsono tsconfig.jsonarchivar fácilmente en la raíz de su proyecto y luego simplemente ingresar lo siguiente:

{
  "compilerOptions": {
    "baseUrl": "."
  }
}

Lo siguiente que debe hacer es importar su componente de la siguiente manera:

import Head from 'components/AThing';

Suponiendo que la carpeta de componentes también se encuentre en la raíz de su proyecto.

Espero eso ayude.

mostafa rastegar 2020-11-12 18:17.

Cree jsconfig.json en la carpeta raíz y escriba esto:

{
  "compilerOptions": {
    "baseUrl": "."
  }
}

luego "npm run dev" o "yarn dev"

Si tiene el 'next dev' ejecutándose cuando define una nueva ruta, asegúrese de reiniciar 'next dev'.

Japanese Spanish German French Thai Portuguese Russian Vietnamese Italian Korean Turkish Indonesian Polish Hindi

MORE COOL STUFF

Jana Duggar: Todo lo que ha dicho sobre el amor y su ventana de 5 años para encontrar al 'Elegido'

Jana Duggar ha sido abierta sobre su búsqueda del amor. Aquí está todo lo que ha dicho sobre el tema y su ventana de cinco años para el matrimonio.

2023-06-12.

Sam Heughan sabe exactamente lo que tomará del set de 'Outlander': 'Me siento como si fuera Jamie cuando me los pongo'

La estrella de 'Outlander', Sam Heughan, reveló recientemente qué se llevará del set para recordar a Jamie Fraser, el papel que lo convirtió en una estrella.

2023-06-12.

La primera canción de los Beatles que fue una de las 'actuaciones más emocionantes' de la banda, según Fab Four Insider

'She Loves You' fue escrita en una hora, grabada en un día y fue la canción de The Beatles con una de las mejores interpretaciones de su carrera.

2023-06-11.

Dolly Parton ayudó a su abuela 'inválida' cuando ninguno de los otros nietos lo haría: también le hacía una broma

Dolly Parton y su abuela Bessie tenían una relación especial. La abuela Parton estaba muy enferma, pero eso no impidió que Dolly le hiciera una broma.

2023-06-11.

Orígenes del Islam: una historia religiosa

Los orígenes del Islam se remontan a principios del siglo VII en la Península Arábiga. El Islam surgió en la ciudad de La Meca, donde un hombre llamado Mahoma, un próspero comerciante de una poderosa tribu, recibió una revelación divina.

2025-12-03.

Las 10 especies de monos más "feas": Belleza poco convencional en los primates

Algunos monos tienen mucha suerte con la genética. ¿Otros? No tanto. El mono más feo no es una sola especie, sino toda una galería de primates que te hacen mirar dos veces y preguntarte si la evolución te estaba jugando una broma.

2025-11-18.

10 de las criaturas marinas más aterradoras que acechan en las profundidades del océano

El océano rebosa belleza, pero también esconde algunas de las criaturas marinas más aterradoras del planeta. Muchos de estos animales acechan en las profundidades oceánicas, en el oscuro y opresivo mundo de alta presión del océano.

2025-10-29.

Furgoneta de reparto de Amazon se enciende en una ardiente explosión durante el calor del verano en Houston

Imágenes de drones capturaron a los bomberos que parecían tener dificultades para apagar el incendio.

2024-07-03 19:04.

Black Panther Show de Marvel será el programa animado más crucial hasta el momento

Eyes of Wakanda se vincula directamente con la MCU, además de actualizaciones sobre X-Men '97, What If..., Daredevil y más.

2024-07-03 19:03.

Anna Wintour deja su puesto como editora jefe de Vogue después de 37 años… ¡y está contratando!

El veterano editor en jefe, que se unió a la revista American Vogue en 1988, anunció la noticia en una reunión de personal la mañana del jueves 26 de junio.

2025-06-27.

Todo sobre el impresionante anillo de compromiso de zafiro de Kate Middleton (¡y la reliquia real en la que se inspiró!)

El anillo de compromiso de Kate Middleton perteneció a la princesa Diana antes de que el príncipe William le propusiera matrimonio con él. Descubra todo lo que hay que saber sobre esta pieza histórica aquí.

2024-09-01.

3 formas comprobadas de mejorar su habilidad de escritura

Los beneficios de escribir y estrategias para ayudarte a hacerlo

En 2022, con el lanzamiento de GPT-3, la habilidad de escritura parece perder importancia. Con IA, las personas con mala escritura también pueden generar personal de calidad.

La erosión lenta: revelando las formas en que las personas se desgastan en sus carreras

En el mundo acelerado y competitivo de hoy, la carrera de uno juega un papel importante en el crecimiento personal, la estabilidad financiera y la satisfacción general con la vida. Sin embargo, muchas personas se encuentran atrapadas en un ciclo implacable de estancamiento e insatisfacción, y su vida profesional se desvanece gradualmente.

¿Qué hace que un podcast sea influyente?

La semana pasada noté un comunicado de prensa, enviado a través de PressGazette (un sitio web de noticias de los medios británicos). El artículo anunciaba que Acast, la empresa de publicidad y alojamiento de podcasts de Scandi, lideraría un consorcio de editores "probablemente los más influyentes" en podcasting.

Language

Japanese

Spanish

German

French

Thai

Portuguese

Russian

Vietnamese

Italian

Korean

Turkish

Indonesian

Polish

Hindi