[Bug]: Replace <img> tags with next/image to satisfy Next.js lint warnings

未關閉

#8,416 建立於 2026年4月20日 0 則留言 0 個 reaction 已指派 0 人在 GitHub 檢視

還沒有人認領這個 Issue。

評估

難度: 3/5
預估耗時: 1-2 天
新手友好度: 68/100

Issue 類型: 缺陷
描述清晰度: 基本清楚
活躍度: 冷清
技術堆疊: javascript, next.js
領域: documentation, frontend

研究方向

檢查 src/components/Layout/HomeContent.js 和 src/components/MDX/MDXComponents.tsx，然後執行 lint 命令以檢視回報的七處問題。將適合的原始 img 元素替換為 next/image，同時仔細處理 MDX 渲染，並確認 @next/next/no-img-element 警告已解決。

由索引模型根據 Issue 內容生成。

描述

bug: unconfirmed

Summary

The project currently triggers @next/next/no-img-element lint warnings because raw <img> tags are used in a few components. These should be reviewed and replaced with Image from next/image where appropriate.

Page

N/A

Details

Running the lint command reports @next/next/no-img-element warnings in the following files:

src/components/Layout/HomeContent.js
src/components/MDX/MDXComponents.tsx

Warning count:

HomeContent.js: 4 occurrences
MDXComponents.tsx: 3 occurrences

Using raw <img> elements in a Next.js app bypasses built-in image optimization and triggers lint warnings. Replacing them with Image from next/image would align the codebase with Next.js best practices.

Note:
Some usages, especially in MDX-related rendering, may require additional handling and should be updated carefully rather than through a blind replacement.

主要語言: JavaScript
星號: 11.8k
分支: 7.9k
平均合併: 16 小時 6 分鐘
30 天內合併 PR: 7

貢獻指南

開啟貢獻指南

從這裡開始

先讀完整個 Issue，再讀專案的貢獻指南。
在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
Fork 儲存庫，在一個分支上完成修改。
送出 Pull Request，並在描述裡引用這個 Issue 編號。

reactjs/react.dev 的其他 Issue

[Suggestion]: Feature React 19.3 codemods across docs, blog, and changelog 未關閉

type: documentation

難度 2/5 1-3 小時新手友好度 72/100

reactjs/react.dev#8661 · 1 則留言 · 7 個 reaction · 2026年9月17日建立
docs: improve useState explanation in quick start 未關閉

難度 1/5 1 小時以內新手友好度 82/100

reactjs/react.dev#8655 · 2026年9月12日建立
[Bug]: Next button throws a runtime error instead of cycling to the first sculpture 未關閉

bug: unconfirmed

難度 2/5 1-3 小時新手友好度 74/100

reactjs/react.dev#8634 · 3 則留言 · 2026年9月4日建立
[Typo]: Repeaded words in Pitfall section 未關閉

type: typos

難度 1/5 1 小時以內新手友好度 90/100

reactjs/react.dev#8622 · 1 則留言 · 2026年8月22日建立
[Bug]: Sidebar dropdown does not close when the arrow is clicked again 未關閉

bug: unconfirmed

難度 2/5 1-3 小時新手友好度 68/100

reactjs/react.dev#8618 · 2026年8月21日建立

查看 reactjs/react.dev 的全部 Issue

相似的 Issue

A 403 from the server is treated as a failed login and sends the user to the login screen 未關閉

bug

難度 2/5 1-3 小時新手友好度 76/100

avniproject/avni-client#2135 · 2026年9月21日建立
[feature] OnlyBigBottleTurbo 检查大小瓶数量问题未關閉

enhancement

難度 2/5 1-3 小時新手友好度 70/100

babalae/bettergi-scripts-list#3674 · 2026年9月21日建立
Make CompressedImageSaver release notes more approachable 未關閉

A-Release-Notes C-Editing D-Modest S-Ready-For-Implementation

難度 2/5 1-3 小時新手友好度 72/100

bevyengine/bevy-website#2595 · 2026年9月21日建立
< Polycule > client description does not adhere to the Foundation's branding guidelines 未關閉

ecosystem wording

難度 1/5 1 小時以內新手友好度 90/100

matrix-org/matrix.org#3649 · 2026年9月21日建立
`minWidth` and `maxWidth` accept percentages the docs say are unsupported 未關閉

難度 2/5 1-3 小時新手友好度 88/100

vadimdemedes/ink#1029 · 2026年9月20日建立

更多 JavaScript Issue