将 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