Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

97
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!