反应生产模式

Question

我为我的React JS项目创建了构建文件。浏览器中的构建index.html文件一经运行，一切正常，除了我在Topbar组件中提供的单个图像。该图像甚至在我的应用程序文件夹中显示后也似乎已损坏。

这是破碎图像的屏幕截图：

这是图像元素在检查工具中的外观：

有人可以提出原因吗？

Answer 1

我们必须在公用文件夹中创建图像文件，然后在href中访问该图像文件 <link rel="icon" type="image/png" sizes="32x32" href="/img.png">此处img.png是图像文件名，看到的文件夹结构类似于

• 项目
• public-> index.html
• public-> img.png
• src
• package.json