为什么在 NextJS 中，从页面访问时徽标不可见 URL

Question

我的徽标未通过 /page 加载 URL

Screenshot

这是我的components/LayoutWrapper.js

 import Image from 'next/image'
 import icon from '../assets/images/Icon.svg'

 <div className="flex items-center justify-between">
   <div className="mr-3 pt-2">
     <Image src={icon} width="25px" height="25px" alt="Blog Logo" />
       {typeof siteMetadata.headerTitle === 'string' ? (
         <div className="  "></div>
       ) : (
         siteMetadata.headerTitle
       )}
   </div>
   {typeof siteMetadata.headerTitle === 'string' ? (
     <div className="hidden h-7 text-2xl font-medium sm:block">
       {siteMetadata.headerTitle}
      </div>
    ) : (
      siteMetadata.headerTitle
    )}
  </div>

我想在整个页面上显示我的徽标，来自任何link。

Answer 1

您在控制台中有错误。先检查你的errors，其他页面不受影响。错误 404 是您唯一的问题

为什么在 NextJS 中，从页面访问时徽标不可见 URL

Why in NextJS, logo is not visible when visiting from page URL

javascript

reactjs

next.js