React / Node应用程序无法识别新的本地图像文件

Question

我正在尝试将png图像添加为导航到Facebook页面的标签链接。我将png存储在本地，但是它会踢出以下错误：

Proxy error: Could not proxy request /Media/Images/fb.png from localhost:3000 to http://localhost:3400/. See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).

链接语法如下：

<a href='https://www.facebook.com/foo-bar/' className='facebook'><img src='./Media/Images/fb.png' alt="facebook"/></a>

我正在寻找一个错字，但找不到任何错别字，我还尝试给该标签加上结束标签，而不是将其保持为自动关闭状态，但这没有任何作用。最后，我尝试按以下步骤“要求”图像：

<a href='https://www.facebook.com/foo-bar/' className='facebook'><img src={require('./Media/Images/fb.png')}></img></a>

当我需要图像时，出现以下错误：

Module not found: Can't resolve './Media/Images/fb.png' in 'C:\Users\Administrator\documents\documents\newer-cmp\foo-bar\src'

我怀疑'require'语法正确，但是由于某种原因它看不到png文件。我不知道为什么它看不到它，因为访问其他图像没有问题。任何方向将不胜感激。谢谢。

Answer 1

您需要确保文件完全匹配 ，其中应包括文件大小写和扩展名。例如，如果磁盘上的文件为FB.png，但您尝试以fb.png的身份访问它，则取决于您的服务器，它将找不到匹配项。

免责声明 -Aaron要求我查看它，并允许我访问他的代码库。

我看到的消息来源与他提出的问题不符，但有以下一行：<a href='https://www.facebook.com/foo-bar/' className='facebook'><img src={require('./Media/Images/fb-white')}></img></a>。他来源中的文件为fb-white.png。我更正了他对包含文件扩展名的引用，现在它可以工作。