reactjs 公共文件夹中的Next.js图像未加载到动态路径中

vqlkdk9b 于 2023-03-17 发布在 React

关注(0)|答案(2)|浏览(167)

我目前开始在Next.js上工作，我不确定我是否做得对。目前我从公用文件夹加载静态图像时遇到问题。

公共文件夹中的所有图像都加载到除注册/确认/[电子邮件].js动态路径之外的任何路径中

这就是我在导航栏

中导入图像的方式
这就是我如何在_app. js内的所有页面中导入导航栏

这个问题不仅在导航栏，它只是每当我去动态路径/注册/确认/[电子邮件].js图像。
我不知道是什么问题，我试图创建媒体，静态，图像文件在公共更改导入目录很多次，但没有工作。
还有一件事，所有路径中的映像路径都是/_next/static/media，但在动态路径中，它变成了/register/confirmation/_next/static/media。
感谢所有帮助我的人！

reactjs

来源：https://stackoverflow.com/questions/72886839/next-js-image-from-public-folder-not-loading-on-dynamic-paths

2条答案

按热度按时间

7bsow1i61#

没有必要像这样加载静态图像，您可以使用next/image组件。

<Image
    src="/me.png"
    alt="Picture of the author"
    width={500}
    height={500}
  />

赞(0）回复(0）举报 2023-03-17

6uxekuva2#

我也遇到了同样的问题。我只是在我的图像名称之前加了“/”，它就解决了这个问题。

<Image
 src="/Logo.svg"
 width={200}
 height={100}
 alt="Logo"
 priority={true}
/>

赞(0）回复(0）举报 2023-03-17

我来回答

reactjs 公共文件夹中的Next.js图像未加载到动态路径中

2条答案

相关问题

热门标签

最新问答