React 应用程序在本地加载图像，但 AWS Amplify 不会加载这些图像

Posted 2023-03-06

【中文标题】React 应用程序在本地加载图像，但 AWS Amplify 不会加载这些图像

【英文标题】：React app loads images locally, but AWS Amplify does not load those images

【发布时间】：2021-04-24 23:31:27

【问题描述】：

图像是本地 svg 文件。我已经尝试将它们放在 /Public 和 /src 中（它们目前在 src 中）。正如标题所述，当我使用 yarn start 在本地运行应用程序时，这些图像可以正常加载。但是当我将构建文件推送到 Amplify 时不要加载。

该网站是 nhlstats.me。顶部应该有一个图像，底部应该有一个图像。这是顶部图像的代码：

import React from 'react'
import player_me from './player_me.svg'
import net_blue_me from './net_blue_me.svg'
import './banner.css'

class Header extends React.Component 
    
    render() 
        return (<img src=net_blue_me class='banner' />);
    


export default Header;

这是我在本地与 Amplify 相比网站运行时的外观：

https://imgur.com/a/2weYPbo

最后，检查员只是告诉我图像无法加载。

非常感谢任何帮助。

【参考方案1】：

就我而言，AWS Amplify 无法很好地处理 SVG 图像。将它们更改为 PNG，问题就解决了。

【参考方案2】：

在此处查看答案：Link。 我认为这可能会有所帮助，尤其是关于 HTTPS 的问题。

【讨论】：

我认为这些可能对我也有帮助，但不是 SVG 文件。