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.
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: