আমি আমার অ্যাপ্লিকেশনটিকে উত্পাদন এবং চিত্রের মধ্যে রাখার চেষ্টা করছি এবং CSS সম্পদ পাথ কাজ করছে না।
আমি বর্তমানে যা করছি তা এখানে:
- চিত্রের সম্পদগুলি /app/assets/images/image.jpg এ লাইভ থাকে
- স্টাইলশীটগুলি / অ্যাপ্লিকেশন / স্টেটস / স্টাইলশিট / স্টাইল সিএসএসে থাকে
- আমার বিন্যাসে, আমি এই জাতীয় CSS ফাইলটি উল্লেখ করি:
<%= stylesheet_link_tag "styles", media: "all", "data-turbolinks-track" => true %>
- ইউনিকর্ন পুনরায় চালু করার আগে, আমি চালিত করি
RAILS_ENV=production bundle exec rake assets:precompile
এবং এটি সফল হয় এবং আমিpublic/assets
ডিরেক্টরিতে ফিঙ্গারপ্রিন্টযুক্ত ফাইলগুলি দেখতে পাই ।
আমি যখন আমার সাইটে ব্রাউজ করি তখন আমি 404 টির জন্য খুঁজে পাওয়া যায়নি mysite.com/stylesheets/styles.css
।
আমি কি ভুল করছি?
আপডেট: আমার লেআউটে এটি দেখতে এমন দেখাচ্ছে:
<%= stylesheet_link_tag "bootstrap.min", media: "all", "data-turbolinks-track" => true %>
<%= stylesheet_link_tag "styles", media: "all", "data-turbolinks-track" => true %>
<%= javascript_include_tag "application", "data-turbolinks-track" => true %>
উত্স উত্স হ'ল:
<link data-turbolinks-track="true" href="/stylesheets/bootstrap.min.css" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/stylesheets/styles.css" media="all" rel="stylesheet" />
<script data-turbolinks-track="true" src="/assets/application-0c647c942c6eff10ad92f1f2b0c64efe.js"></script>
দেখে মনে হচ্ছে রেলগুলি সংকলিত সিএসএস ফাইলগুলি সঠিকভাবে সন্ধান করছে না। তবে এটি জাভাস্ক্রিপ্টগুলির জন্য সঠিকভাবে কাজ করছে কেন তা খুব বিভ্রান্তিকর ( /assets/****.js
পথটি লক্ষ্য করুন )।
<%= stylesheet_link_tag "style", media: "all", "data-turbolinks-track" => true %>
public/assets
2 এবং 2 হিসাবে লেখা হয় তবে ডাবল চেক করুন যে কোথাও সেই সিএসএস ফাইল লোড করার চেষ্টা করা অন্য কোনও নির্দেশনা নেই (সম্ভবতঃ হার্ড-কোডেড)
.home {background: #FFF url(<%= image_path 'hippopotamus.jpg' %>) no-repeat; }
আসলে স্প্রোকেটে প্রতিস্থাপন করা যেতে পারে .home {background: #FFF url(image-path('hippopotamus.jpg')) no-repeat; }
। যদি এটি সাহায্য করে তবে আপনি চেষ্টা করতে পারেন।
stylesheet_link_tag
।