Next.js: El accesorio de diseño de imagen no existe en TS
Informe de error
(JSX attribute) layout: string
No overload matches this call.
Reproducir
Solo tiene Siguiente en un proyecto, importe next/image e intente usar el accesorio de diseño de esta manera:
<Background src='/img/header.png' quality={100} layout='fill' />
Comportamiento esperado
Un accesorio de trabajo que es reconocido por el editor.
Capturas de pantalla
{
"dependencies": {
"next": "10.0.2-canary.4"
}
}
Información del sistema
- SO: Windows
- Versión de Next.js: 10.0.2-canary.4
- Versión de Node.js: v14.15.0
Contexto adicional
El accesorio funciona pero el editor no lo reconoce.
Rechdan
Todos 4 comentarios
Su ejemplo dice Background lugar de Image . Quizás esté utilizando el componente incorrecto.
Confirmé que layout="fill" funciona correctamente con TS e incluso ofrece la sugerencia.
Asegúrese de utilizar import Image from 'next/image' para importar el componente correcto.
styfle
en 11 nov. 2020
@styfle ahora creo que encontré el problema real, cuando uso el componente de imagen con componentes con estilo, no se muestran los accesorios de diseño, ¿alguna idea de por qué?
Rechdan
en 11 nov. 2020
¿Funciona con el uso estándar import Image from 'next/image' ?
Si es así, parece un error con styled-components .
styfle
en 11 nov. 2020
Funciona con la importación predeterminada, eso resuelve el problema, ¡gracias!
Rechdan
en 12 nov. 2020
Temas relacionados
DvirSh
·
3Comentarios
formula349
·
3Comentarios
YarivGilad
·
3Comentarios
knipferrc
·
3Comentarios
jesselee34
·
3Comentarios
Comentario más útil
¿Funciona con el uso estándar
import Image from 'next/image'?Si es así, parece un error con
styled-components.