質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

2042閲覧

VSコードでSCSSを更新しても反映されなくなり、困っております。

akinroi

総合スコア2

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/07/23 00:47

編集2020/07/24 06:33

前提・実現したいこと

初歩的な質問で失礼致します。

VSコードでWEB開発をしているのですが、フロントの開発に当たって、HAMLとSCSSを使っております。

途中まで普通にHAMLもSCSSも反映できていましたが、突然反映されなくなりました。

※一部、質問を修正させて頂きましたので、最後尾に追記致します。(7月24日)

発生している問題・エラーメッセージ

index.html.haml

.main-content .main-content__thread .main-content__thread__image = image_tag('image4.png', class: 'thread-top-img') .main-content__thread__title %p 貯金がゼロになったけど、なんとか復活できた話 .main-content__thread__category %p 貯金 .main-content__thread__date %p 1日前 .main-content__thread__like %i.far.fa-heart %p 100

chats.scss

.main-content{ margin: 20px 200px; &__header{ width: 100%; height: 100px; } }

application.scss

@import 'font-awesome-sprockets'; @import 'font-awesome'; @import "reset.scss"; @import "header.scss"; @import "chats.scss";

イメージ説明

.main-content__thread{ width: 60px;

正しく記述はできているかと思いますが、
画像のように、上記コードが残ってしまっています。
これは、最初は記述していたのですが、消しました。
ただ、local:3000では、そのまま残ってしまっています。

どうしてこうなったのかは不明ですが、この先の開発ができないので、困っております。
何卒、よろしくお願い致します。

###追記
その後、application.scssの一部をコメントアウトしたり、元に戻したりすると、最新のSCSSが反映されたり、されなかったりしています。

何卒、よろしくお願い致します。

試したこと

①GoogleCromeのキャッシュの削除
②PCの再起動
③VSコードの自動保存の確認(自動保存ONになっております)
➡︎HTMLを更新すると、ちゃんと反映されます。反映されないのは、SCSSです。
④Rubyを2.5.1から2.6.5に更新。

補足情報

ProductName: Mac OS X
ProductVersion: 10.14.6
Ruby 2.5.1
Rails 6.0.3.2

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Daregada

2020/07/23 04:14

VSCodeでSCSSのコンパイルに使っている拡張は何でしょうか。
iwamoto_takaaki

2020/07/23 06:47

タグやタイトルにRailsを足して見てください。 rails詳しい人が見たほうが良い気がします。 (カンですが、ログ見たらなにか出るような気がします。が、私はrailsのログの見方を知らない。)
akinroi

2020/07/23 08:51

拡張としては、Live Sass ComCompilerを使っております。
guest

回答2

0

自己解決

正しい解決法ではないかもしれないですが、
Rails 6.0.3.2から5.0.7.2にダウングレードさせました。
それにより、回答していたエラーは発生しなくなりました。

(別のサービスで5.0.7.2で作っていたものがあって、それは正常に動いておりましたので)

ご回答頂いたみなさま、ありがとうございました。

投稿2020/07/24 07:56

akinroi

総合スコア2

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

この質問が似ている気がします。

Rails assets don't get updated - Stack Overflow

解決法は

https://stackoverflow.com/a/46158965/8428132

がわかりやすそうです

投稿2020/07/23 14:39

mcho71

総合スコア67

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

mcho71

2020/07/23 14:39

stackoverflowのリンクは良いのだろうか、駄目だったら消しますので教えて下さい
akinroi

2020/07/24 06:23

回答ありがとうございます。 しかし、ダメでした。
Daregada

2020/07/24 06:38

そういうときは、「XXXに書かれているYYYの操作を実際にしてみたが、ZZZという結果になり、目的は達成できなかった」みたいに書くんだよ。何をやってどこがどうダメなのが、全然伝わっていないからな。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問