本地图片无法在 React 应用中加载
在 React 中，经常会遇到本地图片加载失败而外部图片加载失败的问题。使用 Webpack（一个优化和打包前端代码的捆绑器）时可能会出现此问题。
理解问题
Webpack 将诸如图像之类的资源包含到捆绑代码。默认情况下，它不识别没有显式包含的本地图像。这是因为 Webpack 希望将图像作为模块导入，以便对其进行处理和优化。
解决方案：需要本地图像
要解决此问题，您需要在你的 React 组件中需要本地图像。将以下内容替换为：
<img src={"/images/resto.png"} />替换为：
<img src={require('/images/resto.png')} />通过需要图像，您可以将它们显式包含在 Webpack 包中，从而允许它处理源路径并将其替换为正确的包资产。这样，React 就可以成功地从编译的代码中加载本地图像。
通过进行此修改，您应该能够在 React 应用程序中加载本地图像，而不会出现任何问题。
以上是为什么我的 React 应用程序中未加载本地图像？的详细内容。更多信息请关注PHP中文网其他相关文章！
