0

У меня есть вопрос из двух частей, поэтому, пожалуйста, со мной. У меня есть две ошибки с моим приложением rails, которое развертывается heroku. Сайт: https://powerful-atoll-73299.herokuapp.com/. первый ошибка заключается в следующем:Ошибки Chrome devtools в производстве

Mixed Content: The page at 'https://powerful-atoll-73299.herokuapp.com/' was loaded over HTTPS, but requested an insecure image 'http://www.zastavki.com/pictures/1366x768/2008/Drawn_wallpapers_Family_tree_007294_.jpg'. This content should also be served over HTTPS. 

Я понимаю эту ошибку, поскольку это довольно прямо вперед. Так что я решил сделать, это сохранить изображение на моей локальной машине, а затем включить его в свой проект. Поэтому он больше не пытался вытащить небезопасный адрес ссылки. Итак, теперь я ссылаюсь на изображение как: background: url("/family-tree.jpg") no-repeat center center scroll;. Это работает и не имеет основополагающих проблем. Что происходит, когда я нажимаю на heroku из моей главной ветки, у которой есть обновленное изменение ... heroku версия по-прежнему сохраняет небезопасную адресную ссылку на изображение. Когда я проверяю элемент, вы даже можете увидеть, что он использует http://www.zastavki.com/pictures/1366x768/2008/Drawn_wallpapers_Family_tree_007294_.jpg вместо /family-tree.jpg. Изображение по-прежнему отображается, когда я заменяю адрес местоположением фотографии, но ошибка остается. Любая идея, почему это происходит? Почему у heroku есть адресная ссылка на картинку, когда я нажимаю собственно локальную копию?

Второй ошибка заключается в следующем:

'//@ sourceURL' and '//@ sourceMappingURL' are deprecated, please use '//# sourceURL=' and '//# sourceMappingURL=' instead. codeschool devtools.js:1

Я понимаю, что эта ошибка ищет меня, чтобы заменить @ с #. Я не знаю, где и как это сделать. Любые советы будут очень признательны. Опять же, все эти ошибки в настоящее время представляют собой не производство, а производство.

+1

Эй, не могли бы вы использовать 'heroku run bash' и посмотреть, присутствует ли обновленный файл? – Alfie

+1

Если вы не можете попробовать перезапустить приложение с помощью 'heroku restart' – Alfie

+0

@Aflie Хорошо, поэтому« heroku restart »помог со второй проблемой. Ошибка больше не отображается сама. Что касается 'heroku run bash', я сделал это и смог увидеть образ' family-tree.jpg' в папке 'public', и он соответствующим образом представлен как« background: url («/ family-tree.jpg»)) ' – Nappstir

ответ

1

Возможные проблемы, с которыми вы могли столкнуться, после развертывания они не загружаются. Может быть, перезагрузка может сделать трюк heroku restart

EDIT

Я прошел через код CSS, и кажется, что вы все еще есть, что URL установить в качестве фона для вашего signup-section класса в файле CSS.

исх:

.signup-section { 
    width: 100%; 
    padding: 50px 0; 
    color: #fff; 
    background: url(http://www.zastavki.com/pictures/1366x768/2008/Drawn_wallpapers_Family_tree_007294_.jpg) no-repeat center center scroll; 
    background-color: #000; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    background-size: cover; 
    -o-background-size: cover 
} 

Update, что и делать разворачивать, и вы должны быть хорошо идти.

+0

Это то, что странно об ошибке. Это на моей главной ветке: https://github.com/Nappstir/my_family/blob/master/app/assets/stylesheets/static_pages.css.scss У меня есть правильный файл. Ссылка на фотографию появляется только при посещении сайта в процессе производства. Когда я просматриваю файлы через 'heroku run bash', у герою есть копия фотографии и фотография в общедоступном каталоге. Я попытался запустить «heroku restart», который помог со второй ошибкой.Я все еще не могу узнать, как его даже получить этот URL-адрес. Не в моих папках. – Nappstir

+1

Согласен, ваша ветка 'master' не имеет этих изменений. Но ваша ветка 'model-users'. Вы уверены, что нажали свою основную ветвь на магическую ветку герою? – Alfie

+0

Да, это определенно проблема. Тот факт, что I'modeling-users' не имеет этого изменения, является проблемой. Я ценю вашу помощь через это. – Nappstir