[Next.js] 빠른 수정(Auto Import)이 되지 않는다면?

왜 안됩니까 빠른 수정

Next.js에서 아래와 같이 image태그를 사용하면 <Image/> 로 변환할 것을 요구한다.

<img src={image} alt={"이미지"} />

 

하지만 <Image/> 로 변경시 "빠른 수정" 즉 auto import가 되지 않아 빨간 줄이 생긴다.

 

나도 할래 빠른 수정

해결방법은 tsconfig.json 파일에서 compilerOptions → include 에서 "someFile.d.ts"를 배열에 추가해주면 된다.

 

 

저장 후 바로 적용된다.

아름답다.