我尝试调用 png 图像，但只有一个不起作用

Question

我的代码：

import Image from "next/image";

export default function LoginPage({ tipo }: { tipo: String }) {

    return (
        <div className="TelaLogin">
            <h1 className="Title">Entre</h1>
            <button><Image src={"/Public_Itens/Imagens/Default_Site_Img/github.png"} width={"100"} height={"100"} alt="github" /></button>
            <button><Image src={"/Public_Itens/Imagens/Default_Site_Img/facebook.png"} width={"100"} height={"100"} alt="facebook" /></button>
            <button><Image src={"/Public_Itens/Imagens/Default_Site_Img/gmail.png"} width={"100"} height={"100"} alt="gmail" /></button>
            <button><Image src={"/Public_Itens/Imagens/Default_Site_Img/spotify.png"} width={"100"} height={"100"} alt="spotify" /></button>
            <button><Image src={"/Public_Itens/Imagens/Default_Site_Img/linkedin.png"} width={"100"} height={"100"} alt="linkdin" /></button>
            <br />
            <input type="text" placeholder="Email"></input>
            <br />
            <input type="password" placeholder="Senha"></input>
        </div>
    )
}

我收到的错误： ⨯ 请求的资源不是 /Public_Itens/Imagens/Default_Site_Img/gmail.png 收到的 text/html 的有效图像；字符集=utf-8

所有图像都可以正常工作，但 gmail.png 除外。

信息： 是的，我在与其他人相同的文件夹中有一个 png 存档

我想要 gmail.png 图像出现

Answer 1

看来您的图像

gmail.png

实际上可能是一个文本文件。当您获取图像的服务器决定以 HTML 格式进行回复时，就会发生这种情况，例如因为它认为您正在热链接图像，或者由于某些服务器错误。我敢打赌，如果您在文本编辑器中打开

gmail.png

，您就会明白我的意思。