Reactjs 未捕获错误：从 json 文件加载时找不到模块“.png”

Question

我正在尝试在 reactjs 中加载一些路径存储在 JSON 文件中的图像。我的 JSON 文件包含一个对象数组，其中包含我的图像的路径。在我的组件中，我映射我的 JSON 数据并可以访问每个属性。然而，当我尝试加载图像时，它一直向我显示相同的错误：未捕获错误：从 json 文件加载时找不到模块“.png”。 我在哪里尝试加载图像

我的 JSON 文件

我在我的文件开头添加了我的json文件的导入

import projects from "../data/importantProject.json"

错误

有没有人遇到过同样的问题？

我尝试添加一个基于 url 和一个“”，就像我在网上看到的那样，但它一直显示相同的错误。

Answer 1

1 ----> 在 json 文件中而不是完整的文件路径中，只需写入文件名ie：fap_logo.png

2 ----> 在 React 组件中写

Answer 2

你只需要将你的图像 src 设置为：

const imgsrc = require("../assets/images/"  +project.logo).default;

注意 require 方法末尾的“默认”：

需要（文件路径）。默认