所以我使用react-redux和webpack构建我的应用程序,本地运行没有任何问题。当我在heroku上部署应用程序时,不会显示图像,而是会看到一个损坏的图标。图像的路径应该没问题:
const imgPath = '../../style/imgs/cryptocurrency-icons/svg/color';
我没有收到与控制台中的图像相关的任何错误,它们只是不加载。
这是我的项目:https://github.com/jorgeduardos/CryptoPrices
heroku app:https://crypto-waatch.herokuapp.com/
答案 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使用来自远程回购的文件,其中图像被破坏。