React-Redux应用程序不在Heroku上显示图像

时间:2018-01-29 19:08:54

标签: reactjs heroku deployment redux

所以我使用react-redux和webpack构建我的应用程序,本地运行没有任何问题。当我在heroku上部署应用程序时,不会显示图像,而是会看到一个损坏的图标。图像的路径应该没问题:

const imgPath = '../../style/imgs/cryptocurrency-icons/svg/color';

我没有收到与控制台中的图像相关的任何错误,它们只是不加载。

这是我的项目:https://github.com/jorgeduardos/CryptoPrices

heroku app:https://crypto-waatch.herokuapp.com/

2 个答案:

答案 0 :(得分:0)

也许你必须像这样导入图像:

import someImage from '../../style/imgs/cryptocurrency-icons/svg/color'

然后<img src= { someImage } />

答案 1 :(得分:0)

对我来说,问题是在执行git push时,git转换了行尾,导致图像数据损坏。为了避免这种情况,我更改了.gitattributes的配置,并添加了: *.png binary *.jpg binary *.jpeg binary *.gif binary *.ico binary *.mov binary *.mp4 binary *.mp3 binary *.flv binary *.fla binary *.swf binary *.gz binary *.zip binary *.7z binary *.ttf binary *.eot binary *.woff binary *.pyc binary *.pdf binary

现在可以使用:)

它在本地工作,因为您从计算机上提供文件,而Heroku使用来自远程回购的文件,其中图像被破坏。