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

Question

実現したいこと

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/ツールのバージョンなど）

Answer 1

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

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

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

Comments

[jin-design]

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