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

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

新規登録して質問してみよう
ただいま回答率
87.20%
コンパイルエラー

コンパイルのフェーズで生成されるエラーです。よく無効なシンタックスやタイプが含まれているとき発生します。

Sass

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

解決済

Live Sass Compiler を初期化したい。

koojitu
koojitu

総合スコア2

コンパイルエラー

コンパイルのフェーズで生成されるエラーです。よく無効なシンタックスやタイプが含まれているとき発生します。

Sass

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

1回答

0評価

0クリップ

523閲覧

投稿2022/08/19 07:20

前提

Live Sass Compilerを使用していますが、コンパイルされなくなってしまいました。原因はcssフォルダーとsassフォルダーを分けるため自動的にcssフォルダーの作成ができるように設定しようとし、settings.jsonの編集を間違えて行ってしまいました。気づいたときには元に戻すことができずどんどん深みにはまりました。
ただ入力後wacthingの所にsuccessとの表示が出ますが、動作しません。
それ以前は正常に動作していました。

実現したいこと

sassをcssに正常に読み込ませたい。
色々試行錯誤しましたが可能なら初期化するしかないかと考えます。

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

エラーメッセージ

Error: expected "{".

c:\Users\makku\OneDrive\デスクトップ\banana-cafe\scss\style.scss 193:4 root stylesheet

該当のソースコード

Live Sass Compilerの拡張機能の設定>settings.jsonで編集>ユーザー
のコードになります。

{
"emmet.variables": {
"lang": "ja"
},
"emmet.syntaxProfiles": {
"html": {
"filters": "html,c"
}
},
"emmet.preferences": {
"filter.commentAfter": "<!-- /[#ID][.CLASS] -->"
},
"editor.fontFamily": "Ricty Diminished",
"workbench.colorTheme": "rainbow",
"vscode-edge-devtools.mirrorEdits": true,
"workbench.editor.untitled.hint": "hidden",
"files.autoSave": "afterDelay",
"workbench.editorAssociations": {
".zip": "default",
"
.html": "default",
"*.xd": "default"
},
"vscode-edge-devtools.webhint": false,
"editor.renderWhitespace": "all",
"editor.wordWrap": "on",
"bracketPairColorizer.depreciation-notice": false,
"editor.accessibilitySupport": "off",
"editor.unicodeHighlight.invisibleCharacters": false,
"liveServer.settings.CustomBrowser": "chrome",
"liveServer.settings.donotShowInfoMsg": true,
"liveSassCompile.settings.rootIsWorkspace": null,
"liveSassCompile.settings.autoprefix": [

], "liveSassCompile.settings.formats": [ { "format": "compressed", "extensionName": ".min.css", "savePath": null, "savePathSegmentKeys": null, "savePathReplaceSegmentsWith": null }, ], "emmet.triggerExpansionOnTab": true

}

Live Sass Compilerの拡張機能の設定>settings.jsonで編集>ワークスペース
のコードになります。

{
"liveSassCompile.settings.autoprefix": [

"last 2 versions", "ie >= 11", "Android >= 4", "ios_saf >= 8" ], "liveSassCompile.settings.formats": [ { "format": "expanded", "extensionName": ".css", "savePath": "~/css" } ],

}

試したこと

・ググって該当すると思われるsettings.jsonのコードの書き換えをした。(これが逆に良くなかった)
・OneDriveをリセットした。
・Live Sass Compilerをインストールしなおしてみた。
・再起動してみた。
・初期化するしか方法がないのではないかとググってみるが見当たらない。

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

Windows11
Visual Studio Code 
使用しています。

自ら深みにはまってしまい恥ずかしい限りですが、どうかお力お貸しください。
お願いします。

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

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

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

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

コンパイルエラー

コンパイルのフェーズで生成されるエラーです。よく無効なシンタックスやタイプが含まれているとき発生します。

Sass

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