herokuサーバーでの画像の読み込み中にエラーが発生しました

debugcn 投稿 Dev

マリオ

私は次のようなjavascriptファイルでいくつかの画像を使用するRubyonRailsアプリケーションを持っています：

  var urlshapes = "/assets/shapes/";

    // image loader
  imageURLs.push(urlshapes + "isit.png");
  imageURLs.push(urlshapes + "ec.png");
  imageURLs.push(urlshapes + "bc.png");
  imageURLs.push(urlshapes + "bb.png");
  imageURLs.push(urlshapes + "io.png");
  loadAllImages();

WEBrickサーバーを使用すると機能しますが、herokuサーバーにアップロードすると次のエラーが発生します。

ここに画像の説明を入力してください

このhttps://devcenter.heroku.com/articles/rails-4-asset-pipelineを読んだ結果、この行gem 'rails_12factor', group: :productionをGemファイルに追加しましたが、それでもエラーが発生します。

私は何をすべきか？

Railsバージョン：4.1.5 Rubyバージョン：2.1.2

Teoulas

アセットパイプラインを使用しているようです。これは、アセットの開発と本番のパスが異なることを意味します。すべての環境で正しいパス/ URLを取得するには、イメージパスヘルパーを使用する必要があります。image_pathヘルパーはおそらくあなたが必要とするものです。問題は、これがRubyメソッドであり、Javascriptコードで呼び出したいことです。2つの解決策があります：

javascriptファイル名の最後に.erbを追加します。その後、ビューで行うのと同じようにERBを使用できます。例えばimageURLs.push("<%= image_path('isit.png') %>")
JavascriptコードがHTMLページから読み込まれる場合は、ビュー内に画像URLの配列を追加してから、Javascriptを介してそれらを参照します。HTML要素にデータ属性を追加するか、単に<script>タグを追加することができます。例えば：

<div data-images="['<%= image_path('1.png') %>', '<%= image_path('2.png') ']"> など <%= javascript_tag("images = ['#{image_path("1.png")}']") %> など。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集2021-06-29

コメントを追加

サインイン

分類Dev

Related 関連記事

記事