このエラーを受け取りましたが、何が欠けていますか?
Sprockets::Rails::Helper::AssetNotFound in Static#index:
The asset "my_logo.jpg" is not present in the asset pipeline.
ActionView::Template::Error (The asset "my_logo.jpg" is not present in the asset pipeline.):
1: <%= image_tag "my_logo.jpg" %>
新しい Ruby on Rails アプリケーションを作成します
rails new my_app
# Rails 6.0.3.2gems、web packer などをインストールできるようにします。
config.assets.compile = false
に追加config/environments/development.rb
この内容で静的コントローラとインデックス ファイルを追加します
app/controllers/ static_controller.rb
class StaticController < ApplicationController def index render :index, layout: false end end
アプリ/ビュー/静的/index.html.erb
<%= image_tag "my_logo.jpg" %>
my_logo.jpeg ファイルを
app/assets/images/
wget https://jpeg.org/images/jpeg2000-home.jpg -O app/assets/images/my_logo.jpg
アセットをプリコンパイルします。
bundle exec rake assets:precompile
Rails サーバーを次のように実行します。
bundle exec rails server
public/assets/
ファイルが次の名前であることがわかります。my_logo-484af9fb82bc8a0279ef38b527402b5697475bd8f827251f46fbb182be6c07a1.jpg
これをtrueに設定すると、画像がうまく表示されます。config.assets.compile = true
からのマニフェストファイルの内容もpublic/assets/.sprockets-manifest-a7f9f10978778e828273bf0c790645f6.json
{
"files": {
"manifest-b4bf6e57a53c2bdb55b8998cc94cd00883793c1c37c5e5aea3ef6749b4f6d92b.js": {
"logical_path": "manifest.js",
"mtime": "2020-06-28T03:59:01+00:00",
"size": 2,
"digest": "75a11da44c802486bc6f65640aa48a730f0f684c5c07a42ba3cd1735eb3fb070",
"integrity": "sha256-daEdpEyAJIa8b2VkCqSKcw8PaExcB6Qro80XNes/sHA="
},
"application-b324c44f04a0d0da658824105489a2676d49df561c3d06723770321fd441977c.css": {
"logical_path": "application.css",
"mtime": "2020-06-28T03:59:01+00:00",
"size": 675,
"digest": "4998ce12ecefa6ba42de36e4beac458527529608f8cf0fe6c97acd87850045e4",
"integrity": "sha256-SZjOEuzvprpC3jbkvqxFhSdSlgj4zw/myXrNh4UAReQ="
},
"my_logo-484af9fb82bc8a0279ef38b527402b5697475bd8f827251f46fbb182be6c07a1.jpg": {
"logical_path": "my_logo.jpg",
"mtime": "2020-06-28T03:59:01+00:00",
"size": 20974,
"digest": "acda9fe5166e93aef6ef9572c07e9a6bf3f4879180765b3d95d9a631b852191c",
"integrity": "sha256-rNqf5RZuk67275VywH6aa/P0h5GAdls9ldmmMbhSGRw="
}
},
"assets": {
"manifest.js": "manifest-b4bf6e57a53c2bdb55b8998cc94cd00883793c1c37c5e5aea3ef6749b4f6d92b.js",
"application.css": "application-b324c44f04a0d0da658824105489a2676d49df561c3d06723770321fd441977c.css",
"my_logo.jpg": "my_logo-484af9fb82bc8a0279ef38b527402b5697475bd8f827251f46fbb182be6c07a1.jpg"
}
}
config.assets.unknown_asset_fallback = true
また、パスが何であるかを確認するためにオンにしましたが、それは次のようになります:http://localhost:3000/images/my_logo.jpg
そして、それが false の場合 (機能する場合)、次のパスを取得します:http://localhost:3000/assets/my_logo-484af9fb82bc8a0279ef38b527402b5697475bd8f827251f46fbb182be6c07a1.jpg