问题描述
我正在开发 NextJS 应用程序，但无法让 Image 组件正常工作。
使用与 Image 组件相同的 src 属性路径，普通的 img 元素可以正常工作。
我的项目有标准的公共文件夹，里面有一个名为 nageldog.png 的图像
import Image from "next/image";
...
<img src="/nageldog.png" alt="a"/>
<Image src="/nageldog.png" alt="b" width="64" height="64" />
...
在浏览器控制台中
为 <img> 元素生成的 src 路径看起来不错：
<img src="/nageldog.png" alt="a">
为 <Image> 组件生成的 src 路径看起来很奇怪：
<img alt="b" src="/_next/image?url=%2Fnageldog.png&w=256&q=75"
我在控制台中收到错误消息：http://localhost:3000/_next/image?url=%2Fnageldog.png&w=64&q=75 的“无法加载资源...状态 500”
为什么图片组件加载不出来？谢谢！
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）