我在這里有一個下一個 JS 組件：
import styles from '../styles/Navbar.module.css'
import Image from 'next/image'
export const Navbar = () => {
<div>
<Image className={styles["navbar-home-icon"]} src="/vercel.svg"/>
</div>
}
Navbar.module.css：
.navbar-home-icon {
width: 60px;
height: 60px;
border: 5px solid red;
}
問題是，我無法使用navbar-home-icon該類來設定影像的寬度和高度。甚至邊界都沒有出現。它拋出這個錯誤
錯誤：帶有 src "/vercel.svg" 的影像必須使用 "width" 和 "height" 屬性或 "layout='fill'" 屬性
我知道正在檢測 css 檔案，因為這是在開發人員視圖中顯示的內容：
如果我將height和width屬性添加到標簽本身，影像就會顯示出來。
我明白錯誤是什么，但是如何通過我的 css 檔案控制寬度/高度/任何其他屬性？- 而不是在 Image 標簽中明確宣告它們？
uj5u.com熱心網友回復：
將 Image 放入 div 并在 Image 上放置以下道具：
<div className="div-class">
<Image src=“/vercel.svg” layout="fill" objectFit="cover" />
</div>
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/333488.html
標籤：javascript html 反应 下一个.js