Разбитые изображения на Heroku - приложение NodeJS React

Question

У меня полнофункциональное приложение, созданное с использованием NodeJS (Express), React и Webpack.Когда я запускаю сервер локально и обслуживаю общую папку (в которой Webpack генерирует ресурсы), все изображения работают правильно.Однако, когда одни и те же ресурсы развернуты в Heroku и один и тот же сценарий используется для запуска сервера в Heroku, образы не работают.

Для локального сервера и сервера Heroku для NODE_ENV задано рабочее состояние.

Проблема не в хэше, имени изображения, кэше браузера или расширении изображения (png против PNG).Изображения с расширением .png загружаются, но не загружаются вообще, пока загружается .jpg, но они выглядят так, как на прикрепленном скриншоте.

Локально:

Любая идеячто происходит?

Answer 1

Проблема заключалась в том, что при выполнении 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

Теперь это работает:)