Next.js Github页面加载图片问题

问题描述 投票:0回答:1

我已经尝试在 GitHub 页面上加载照片和网站图标一个月了,但没有任何结果。即使尝试使用 npx create-next-app@latest 的样板项目,它也根本不会从公共文件夹加载图像和图标。它不是路径,显然它来自我猜测的配置,但我找不到解决方案,甚至 ChatGPT 也无法提供帮助。

尝试过 npx create-next-app@latest,但即使这样也不起作用。

reactjs next.js github-pages
1个回答
0
投票

我上次也遇到同样的问题。我能够弄清楚这一点,在我的例子中,图像是大写的,并且 GitHub 页面对文件名非常敏感。 :

请继续检查以下内容:

  1. 图像扩展名应小写且拼写准确。例如。 jpeg和jpg不一样,jpg和Jpg不一样,JPG和jpg不一样等等
  2. 路径名或名称“_”中不能有下划线。
  3. 尝试检查路径,正确使用“../”或“./”等
  4. 部署后等待一段时间
  5. 硬刷新您的浏览器。

我希望这能解决这个问题。 :)

© www.soinside.com 2019 - 2024. All rights reserved.