reactjs - 在 Next.js 中上传本地图像时出现“意外字符 '�' (1:0)”

Question

我在我的项目中导入本地图像，我使用两种不同的方式在我的 Next App 中导入图像

1.

 <img src={required("../image/—Pngtree—blue stock trading graph_6050459")} alt="hell" />

2.  import logo from "../image/—Pngtree—blue stock trading graph_6050459.png";
    <img src={logo} alt="hell" /> // Using logo in image tag
   

但是我成功地到达了有我的图像的目录，但我不知道为什么它没有加载，它向我显示了这个错误消息

我也使用“下一个/图像”，但仍然没有得到任何结果

问题的解决方案是如何在我的项目中使用本地图像。

这个图像相关的问题还是其他类型的问题？

标签： reactjsnext.js

Answer 1

在 Next.js 中，我们将图像存储在公共文件夹中。那是我们存储静态资产（例如图像或字体）的地方查看此示例以获取有关如何使用 next/image 组件从公共文件夹添加图像的参考