Question

伙计们，我对React Js还是很陌生，但是我正在处理已发送的代码，因此我需要编辑一些图像。因此，我知道在React js中进行更改，样式化和整体编辑的基础，并不难。但是，关于错误消息或看不到的错误，我是新手。

"dogs":{
    "text": "This is text",
    "src" : "img/dog.png"
}

使用以下命令在我的app.js中调用

：

let {text, src} = config.sections.information[title];
              return (
                <ImageSplit key={k} title={title} direction={dir} text={text} src={src} />)

因此，如您在上面的代码片段中所看到的，我将.json文件用于文本和图像。但是，这些图像根本无法显示，并且在控制台中我收到以下错误消息：

Failed to load resource: the server responded with a status of 404 (Not Found)

我已经在网上寻找使用WebPack的解决方案，它要我使用require（），但是，我收到了“找不到名为“映像名称”的模块”的错误消息

Answer 1

解决方案：

图片文件应相对于.json文件而不是app.js。 新秀动作。

尽我最大的努力找出出了什么问题，除了上面提到的错误消息，我在控制台中什么也没碰到。

因此，我发现我遇到的问题是基于我的git存储库不是最新的，因此该应用程序的实时版本可以很好地处理图像，但客户端却不能。 Pulling也没有做任何事情，所以我要做的是重新安装WebPack，重置我的.json文件，并确保图像相对于.json文件而不是与app.js相关。新秀让我动起来。感谢所有回答并尝试提供帮助的人。

无法从React Js的.json文件加载图片

1 个答案: