[ERROR] Error: Invalid src prop "" on `next/image`
외부에서 이미지 파일을 불러왔을 때 발생하는 에러. next.config.js에서 설정하면 된다. module.exports = { reactStrictMode: true, images: { domains: ['cdn.pixabay.com'] // 이곳에 에러에서 hostname 다음 따옴표에 오는 링크를 적으면 된다. } } 그리고 next.config 파일을 수정했기 때문에 서버를 껐다가 다시 켜야 된다. 이 에러는 width, height값이나 layout='fill' 값을 설정 해 주어야 한다는 것이다. width, height 값은 만약 이미지의 비율 값과 같게 넣게 된다면, layout='responsive'를 줬을 때 비율에 맞게 줄어들고 늘어나게 된다.
ERROR COLLECTION
2022. 1. 24. 18:02
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 파이썬 정렬
- 파이썬 크롤링
- css 글래스모피즘
- getserversideprops redirect
- vscode venv
- bs4 크롤링
- 글래스모피즘 구현
- nuxt 공식문서 한글
- 카페음료테스트
- NextJS
- dvd 효과
- next.js 리다이렉트
- 글래스모피즘 애니메이션 구현
- 화이팅
- nuxt 공식문서
- 리액트
- 리액트 스크롤
- 리액트 라우터
- react router
- nextjs 파라미터 넘기기
- nextjs 스크롤
- 리액트 파라미터 넘기기
- 10989 파이썬
- 자바스크립트
- 백준 10989 파이썬
- Til
- 움직이는 글래스모피즘
- 파이썬 flask
- 리액트 컴포넌트
- css marquee
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
글 보관함