sassコンパイルでのエラーを解決したいです。

Question

前提・実現したいこと

vscodeでsassをEasy　sassを利用してコンパイルをしているのですが、うまくいかない状況です。
ご教授お願いいたします。
ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

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

sass拡張子で書いている内容がcss拡張子にコンパイルされません。

エラーメッセージ

EasySass: could not generate CSS file. See Output panel for details
cssにはnullと表示されています

該当のソースコード

ソースコード

@charset "UTF-8";

body {
font-family: 'Franklin Gothic Medium', 'Arial Narrow',"ヒラギノ〇ゴ　ProN","Meiryo","MEiryo Ui", Arial, sans-serif;
line-height: 1.5;
}

img{
width:100%;
}

a {
text-decoration: none;
}

container{
width : 90%;
}

a:hover{
opacity: 0.7;
}

.clear::after{
content:"";
clear : both;
display: block;
}

試したこと

Easy sassのアンインストール→インストール
相対パスの確認→消去→再入力
ここに問題に対して試したことを記載してください。

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

ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

コードに問題がないと言い切れないので、コードを全て、画像ではなくテキストで「ソースコード」のところに張り付けて提示してください。

[m.ts10806]

コンパイルエラーのほとんどは文法上の問題です

Answer 1

写真に表示されている部分よりもっと上、3行目にbody { {と書いている({が一個余分な)ため、閉じカッコ}との対応が取れていないのでしょう。

3行目をbody {に修正してください。少なくとも3行目のエラーは解消されるはずです。別のエラーが明らかになるかもしれませんが。

Comments

[nekonoko114]

最初のエラーを解消したしたがって、{ を付けるとすぐにエラーが出ました。
よくよく見てみると、拡張子が間違えていたことが原因でした。

ありがとうございました。

Answer 2

エラーメッセージからは、style.sassの3行目の

body {{

の閉じカッコ"}"がないのでエラーになっているようです。
style.sassの3行目から確認してみてください。
余計な"{"があるか、必要な"}"がないのでは...