私が取り組んでいるphoenixフレームワークアプリケーションに買ったhtml5/boostrapテーマを組み込むことを試みています。テーマには、通常のhtmlファイル(各ページに1つ)、js、css、font、およびimagesフォルダがあります。テーマ固有のjsとcssファイルをweb/static/js
とweb/static/css
に移動しました。サードパーティ製のjsファイルとcssファイルをweb/static/vendor/js
とweb/static/vendor/css
というそれぞれのフォルダに移動しました。これらのファイルには(css: animate.css, bootstrap.css, flaticon.css, font-awesome.css, hover.css, responsive.css, resolution-slider.css, owl.css
)、(js: bootstrap.min.js, jquery.js, bxslider.js, revolution.min.js, validate.js
)が含まれています。HTML5/Bootstrapテーマをフェニックスフレームワークアプリケーションに埋め込む
アプリの画像はweb/static/assets/images
に、グラフィックはweb/statc/assets
にあります。私はbrunch-config.jsを変更していません。
テーマを採用するためにapp.html.eexとindex.html.eexを取得できました。 localhost:4000にアクセスする瞬間、コンソールで次のように表示されます。[info] GET /css/assets/timer.png [debug] ** (Phoenix.Router.NoRouteError) no route found for GET /css/assets/timer.png (RocfDev.Router)
私はtimer.pngリソース要求をファイルweb/statc/vendor/css/resolution-slider.css
に追跡しました。ファイル内のCSSコードはbackground:url(assets/timer.png
です)。
timer.pngは実際にweb/static/assets
にあります。フェニックスは、timer.png以外のすべての画像とグラフィックスを提供できるようです。
私の質問は、なぜ誤ったフォルダからtimer.png
を提供しようとしているのですか?
ありがとうございました。