將 React 應用程序部署到 Vercel 時收到錯誤

Question

使用他們的儀表板將我的 create-react-app 項目部署到 Vercel 時遇到問題。 我從我的 src 中刪除了我所有的圖像，並從我的src={"images/my-image.png"}中調用它們 公共文件夾。

它部署良好，在我的本地主機中沒有錯誤。 我需要清除某個地方的緩存嗎？ 請幫忙！

Answer 1

您可以將src={'string'}更改為

import Avatar3 from '../public/images/avatar-3.png'

...
    <Image src={Avatar3} ... />
...

來源

必須是以下之一：

• 靜態導入的圖像文件，或
• 路徑字符串。 這可以是絕對外部 URL，也可以是內部路徑，具體取決於加載器屬性或加載器配置。

參考。 https://nextjs.org/docs/api-reference/next/image