Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

96
Vistas
La siguiente secuencia de comandos de exportación no funciona con el componente siguiente/imagen

tengo un proyecto Quiero construirlo y exportarlo pero hay un error.

Aquí está mi script de compilación en el archivo package.json .

 "scripts": { "build": "next build && next export" }

Aquí está mi componente donde estoy usando next/image

 import Image from 'next/image' export default function Logo(){ return( <Image src={process.env.website_url ? (process.env.website_url + "/img/logo/logo1.png") : "/img/logo/logo1.png" } width={width} height={height} alt="logo" /> ) }

Y aquí está el error cuando quiero construir el proyecto:

 Error: Image Optimization using Next.js' default loader is not compatible with `next export`.

Entonces, ¿qué debo hacer ahora? ¿Debo usar un cargador diferente o qué? Gracias.

EDITAR: Creé un archivo server.js y revisé los scripts de package.json.

Archivo servidor.js:

 const express = require('express') const server = express() const next = require('next') const dev = process.env.NODE_ENV !== 'production' const app = next({dev}) const handle = app.getRequestHandler() const port = 3000 app.prepare().then(()=>{ server.get('*', (req, res)=>{ return handle(req,res) }) server.listen(port, (err) => { if(err) console.log(err) console.log(`SERVER SUCCESS: ${port}`) }) }).catch((e)=>{ console.log(e.stack) process.exit(1) })

Scripts en el archivo package.json:

 "scripts": { "dev": "node server.js", "build": "next build", "start": "node server.js" }

El servidor está funcionando en el host local, pero no funciona en el host. Hay un error 503 Servicio no disponible.

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

next export es solo para páginas estáticas. Entonces, next/image son imágenes optimizadas y cargadas con el servidor iniciado por next start (Son imágenes a pedido, no en compilación). next start inicia el servidor que tiene API de optimización de imágenes. Es por eso que no puede exportar. Intente usar otro servicio de carga de imágenes. También puede intentar construir solo el siguiente js (siguiente compilación) sin la siguiente exportación y usar el próximo inicio para iniciar el servidor que manejará la optimización de la imagen.

También puede configurar su propio cargador para la optimización de imágenes. Consulte estos:

Referencia del cargador

siguiente-imágenes-optimizadas

Siguiente mensaje JS Doc

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda