Live Sass Compiler での@importによるエラー

前提・実現したいこと

VScodeでLive Sass Compilerを用いてScssに記述している際に、@import ""; を用いてscssファイルをインポートするために @import ""; を記述するとコンパイルができなくなってしまう。

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

拡張機能のホストが予期せずに終了しました。

[Error: Import "modu" could not be resolved.
	at File.load (c:\Users\rcrjt.vscode\extensions\naumovs.color-highlight-2.3.0\dist\extension.js:5968:19)
	at c:\Users\rcrjt.vscode\extensions\naumovs.color-highlight-2.3.0\dist\extension.js:5974:48
	at FSReqCallback.oncomplete (fs.js:158:21)]

該当のソースコード

Scss
1@import "modules/mixin";
2@import "modules/variables";
3
4@media (min-width: 480px) {
5  @import "breakpoints/480up";
6}
7
8@media (min-width: 600px) {
9  @import "breakpoints/600up";
10}
11
12@media (min-width: 960px) {
13  @import "breakpoints/960up";
14}
15
16@media (min-width: 1280px) {
17  @import "breakpoints/1280up";
18}
19
20@media (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2) {
21  @import "breakpoints/2x";
22}
23
24@media print {
25  @import "breakpoints/print";
26}

試したこと

VScodeの再起動、エラーコードに記載されているファイルの指定場所を見に行きました

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

Vscode(ver.1.51.0)

行動規範の内容に同意します

回答1件

ベストアンサー

他の拡張機能と衝突しているのでは。

過去に、「HTMLHint」を外したら動作した、という質問&回答があります。

Sass - VS-CODE上でプラグインのLive sass compilerを入れてから「拡張機能のホストが予期せずに終了しました」と表示される｜teratail

補足:
エラーメッセージを出しているのは「Color Highlight」という拡張機能ですね。実際に、「Live Sass Compiler」が動作している環境に「Color Highlight」を追加で入れたら、質問者と同じ状況になりました。

投稿2020/11/11 00:00

編集2020/11/11 03:09

Daregada

総合スコア11990

mashiriki

2020/11/11 02:16

回答ありがとうございます。 HTMLHintはインストールしてませんでした。現在インストールしている拡張機能は、 Color Highlight, Japanese Language, Live Sass Compiler, Live Server, Prettier-Code Formatter です。