Next.js: TS에 이미지 레이아웃 소품이 없습니다.

에 만든 2020년 11월 08일 · 4코멘트 · 출처: vercel/next.js

버그 신고

(JSX attribute) layout: string
No overload matches this call.

프로젝트에서 Next를 가져 와서 next/image 가져 와서 다음과 같이 레이아웃 소품을 사용해보십시오.

<Background src='/img/header.png' quality={100} layout='fill' />

편집자가 인식하는 작업 소품입니다.

{
    "dependencies": {
        "next": "10.0.2-canary.4"
    }
}

소품이 작동하지만 편집자가 인식하지 못합니다.

bug

출처

Rechdan

👍2

표준 import Image from 'next/image' 사용으로 작동합니까?

그렇다면 styled-components 버그처럼 들립니다.

styfle 에 2020년 11월 11일

👍2

넌 예는 말한다 Background 대신 Image . 아마도 잘못된 구성 요소를 사용하고있을 수 있습니다.

layout="fill" 이 TS와 (와) 제대로 작동하는지 확인했으며 제안도 제공합니다.

import Image from 'next/image' 를 사용하여 올바른 구성 요소를 가져와야합니다.

styfle 에 2020년 11월 11일

👍1

@styfle 이제 스타일이 지정된 구성 요소와 함께 이미지 구성 요소를 사용할 때 레이아웃 소품이 표시되지 않습니다. 그 이유는 무엇입니까?

Rechdan 에 2020년 11월 11일

표준 import Image from 'next/image' 사용으로 작동합니까?

그렇다면 styled-components 버그처럼 들립니다.

styfle 에 2020년 11월 11일

👍2

문제를 해결하는 기본 가져 오기와 함께 작동합니다. 감사합니다!

Rechdan 에 2020년 11월 12일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급