Q&A
発生している問題・エラーメッセージ
rails6初めてです。
CSSが適用されず、その原因が分かりません。
該当のソースコード
cssは以下に置きました。
\app\javascript\stylesheets\style.css
css
1.test { 2 color: red; 3}
エントリポイントで置いたcssを指定しました。
\app\javascript\packs\application.js
javascript
1import '../stylesheets/style.css'
共通レイアウトの<head>で読み込むようにしました。
app\views\layouts\application.html.erb
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <%= stylesheet_pack_tag "application", media: "all", "data-turbolinks-track": "reload" %> 5 </head> 6
ビュー側
\app\views\top\index.html.erb
ruby
1<!-- スタイルが適用されません --> 2<p class="test">テスト</p>
なぜスタイルが適用されないのでしょうか？
先輩方教えて下さい。
宜しくお願いします。
回答1件
0
ベストアンサー
application.jsは読み込んでいますでしょうか？
Webpackの動作の都合上、ローカルでwebpack-dev-serverを立てている状況では、application.cssは生成されず、application.jsを読み込むことでCSSも適用される、という挙動となります。
投稿2021/01/11 11:17
総合スコア145183
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/01/11 11:32