使用 next.js 圖像標簽時圖像不呈現

Question

我有一個位於public/img目錄中的圖像。 我想使用 next.js 內置<Image/>標簽來渲染它。

這是我寫的代碼：

     <Image
                onClick={hideModal}
                alt="close_button"
                src="/img/close_button.png"
                width="20px"
                height="20px"
              />

但頁面上沒有顯示任何內容（甚至沒有替代文本）。

問題是當我使用<img/>標簽時，它按預期工作，但使用<Image/>時，它不會

Answer 1

不需要添加 img 文件夾只需添加 /close-button.png