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

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

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

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

SCSS

SCSSは、SassのCSSメタ言語です。Webページのスタイルを指定するCSSを効率的に記述することができます。ネストと呼ばれる入れ子構造で記述するため、CSSの全体の記述量を減らせる点が特徴です。さらに変数も利用できるため、変更や修正の際に少ない作業量で対応することもできます。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Sass

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

Q&A

1回答

2049閲覧

【vscode】DartJS Sass Compiler and Sass Watcherをインストールしたらエラーがでるのでどうすればよいか。

jin-design

総合スコア0

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

SCSS

SCSSは、SassのCSSメタ言語です。Webページのスタイルを指定するCSSを効率的に記述することができます。ネストと呼ばれる入れ子構造で記述するため、CSSの全体の記述量を減らせる点が特徴です。さらに変数も利用できるため、変更や修正の際に少ない作業量で対応することもできます。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Sass

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

0グッド

0クリップ

投稿2023/01/31 23:47

編集2023/01/31 23:48

実現したいこと

vscodeのエラーの内容が知りたい。
エラーの解決方法が知りたい。

前提

vscodeでプラグインの「DartJS Sass Compiler and Sass Watcher」をインストールしたところ、
以下の2つのエラーメッセージが発生しています。

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

Relaunch failed: Error: Detached process node_modules/.bin/sass did not launch correctly. pid is null / undefined - undefined About to watch directory /Users/****/Desktop/Template-file/sass

該当のソースコード

試したこと

エラーの内容が分からず、そのままコーディングを開始したらcssファイルは生成されたのでコンパイルはうまくいっている気がします。ただ、vscodeのプラグイン「Live Server」で確認するとcssが効いているのに、ブラウザで表示させるとcssが効いていません。何かこのエラーと関係があるのでしょうか。

補足情報(FW/ツールのバージョンなど)

イメージ説明

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

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

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

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

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

guest

回答1

0

このエラーメッセージは、プロジェクト内の node_modules/.bin ディレクトリで sass コマンドを起動する際に問題が発生したことを示唆しています。プロセス ID は null か未定義であり、プロセスの正常な起動に失敗したことを意味します。プログラムは sass ディレクトリを監視しようとしていますが、sass コマンドに問題があるため監視できません。

この問題を解決するには、次の手順を試してください。

npm install を実行して、必要な依存関係がインストールされていることを確認します。
npm update を実行して、node_modules ディレクトリとそのコンテンツが最新であることを確認します。
それでもまだエラーが発生する場合は、npm uninstall node-sass と npm install node-sass を実行して、node-sass パッケージを再インストールしてみてください。
他のすべてが失敗した場合、新しいプロジェクトを作成し、コードと依存関係をその中にコピーして、問題が解決するかどうかを確認します。
これらの手順のいずれでもうまくいかない場合は、使用しているツールの公式ドキュメントを参照するか、コミュニティから助けを求めることができます。

投稿2023/02/01 00:19

yori3963

総合スコア17

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

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

jin-design

2023/02/01 13:03

ご丁寧な回答をいただき誠にありがとうございます! まだコーディング初心者の私には少し内容が難しかったですが、、、調べてやってみたいと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

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

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

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問