Chrome devtoolsの生産上のエラー

Question

私は2つの部分からなる質問をしていますので、私と一緒に裸にしてください。 railsアプリケーションのデプロイメントに2つのエラーがあります。herokuです。サイト：https://powerful-atoll-73299.herokuapp.com/。それはかなりまっすぐ進むよう

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バージョンはまだ画像への安全でないアドレスリンクを保持します。アイテムを調べると、/family-tree.jpgの代わりにhttp://www.zastavki.com/pictures/1366x768/2008/Drawn_wallpapers_Family_tree_007294_.jpgを使用していることがわかります。アドレスは写真の場所に置き換えても画像は表示されますが、エラーはそのままです。これがなぜ起こっているのかについての考えはありますか？実際にローカルコピーをプッシュすると、herokuに画像のアドレスリンクが表示されるのはなぜですか？次のように

第二エラーは次のとおりです。

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

私はこのエラーが#で@を置き換えるために、私を探していることを理解しています。私はどこでどのようにこれを行うか分からない。アドバイスをいただければ幸いです。ここでも、これらのすべてのエラーは現在、開発ではなく生産上でのものです。

Answer 1

問題が発生している可能性があります。展開後にアセットが読み込まれません。たぶん再起動は、私はあなたのCSSコードを経てEDIT

トリックheroku restart

を行うことができ、あなたがまだあなたのCSSファイルでごsignup-sectionクラスの背景として設定し、そのURLを持っているようです。

REF：およびデプロイを行うには、あなたが行くために良いことがあり

.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 
} 

更新。