問題タブ [asset-sync]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
twitter-bootstrap - AWS から提供されたときにグリフィコンが表示されない
asset_sync gem を使用して、ローカル アセットをプリコンパイルし、Amazon の s3 に同期しました。これには、bootstrap.min.css とさまざまなグリフィコン Web フォントが含まれます。
アセットがローカルでホストされている場合、グリフィコンは正常に表示されますが、s3 からホストされている場合、chrome と firefox はそれらを認識しません (サファリはそれらを正常に認識します)。
Chrome の開発者ツールで確認します。グリフィコンが 200 ステータスでロードされており、プリコンパイルされた all.css が s3 内のフォントの場所を正しく指していることがわかります。
関連するgemのいくつかを更新することを提案するいくつかの投稿に出くわしましたが、(多少)同様の問題を抱えている他のgemよりも新しいgemがあります。これらの gem は次のとおりです。
sass-rails (5.0.4)
sass (3.4.19)
bootstrap-sass (3.3.5.1)
sprockets (2.12.4)