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

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

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

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

CSS

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

Q&A

0回答

750閲覧

VScodeでSassがコンパイルされない。Watch Sassをクリックすると、”拡張機能のホストが予期せずに終了しました。”と表示される。

LstepperTanaka

総合スコア0

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

CSS

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

0グッド

0クリップ

投稿2021/04/12 05:43

前提・実現したいこと

scssについての質問です。
自分はwindows10でVScodeを使用しているweb制作初心者です。
live sass compilerというプラグインを使って、scssがcssにコンパイルされているかどうかを確認するために、下部の"watch sass"をクリックすると、画像のようなメッセージが出てきます。
イメージ説明
開発者ツールを開いてみると、画像(2枚目)のようになりますが、どこを見ればいいのか分かりません。
イメージ説明

試したこと

調べてみると、同じ現象は多々あるようで、HTMLHintというプラグインが邪魔してることが多いそうですが、自分はHTMLHintはインストールしていません。
全てのプラグインをアンインストールして、PCを再起動しても同じ結果になります。
VScodeをインストールし直しても変化なしでした。

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

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

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

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

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

black-ddd

2021/04/12 07:20

自分はその現象に陥ったことがないので詳しいことはわかりませんが、 Console画面に何かしらエラーが出ていると思います。 そこを見てエラーが出てる部分を修正すれば直るんじゃ無いですかね
LstepperTanaka

2021/04/12 11:37

ありがとうございます。 なぜか、”新しいウィンドウを開く”ことによって、Scssがコンパイルされるようになりました。 詳しい原因は分かりませんでしたが、同じ状況になった方は試してみてください。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問