55125


vscodeの拡張機能でlive-sass-compilerを使ってsassをコンパイルしています。  
以下のソースで

[code]

    { expectedscss(css-lcurlyexpected)
    
[/code]

というエラーが出ました。どうすれば解決出来るでしょうか？

書いたsassは以下の通りです。

[code]

    main {
      width: 1024px;
      margin: 0 auto;
      @media screen and (max-width: 768px) {
        width: 100%;
        margin: 0;
    
        @media screen and (max-width: 1024px) {
          width: 800px;
        }
      }
    }
    
[/code]

エラー箇所は`width:800px;`の`:`部分です。

調べたところは同じ質問があったのですが、根本的な解決には至っていないような感じでした。

[stylus style formatting in vue files with VSCode - Stack
Overflow](https://stackoverflow.com/questions/52443256/stylus-style-
formatting-in-vue-files-with-vscode/52443683)


CC BY-SA 4.0
2019-05-20T06:06:30.987
55109
2019-05-21T02:03:47.097
2019-05-20T06:34:56.067
3060
34049
question
vscode sass
vscodeで{ expectedscss(css-lcurlyexpected)というエラー


私の伝え方が悪かったのかもしれません。  
私の方では`PROBLEMS`に何も表示されないため、拡張子が違うこと原因ではないかと思いました。  
`expected scss`(予測SCSS記法)というエラーを見たときに  
「SCSS記法で警告が出ているのは拡張子`*.sass`だからでは？」と感じたからです。

私の方で再現させてみました。  
現時点でネストしててもコンパイルはされているようですが、  
先のコメントにも記載したとおり下記のようにネストをやめると`PROBLEMS`に何も表示されなくなると思います。

[code]

    main {
      width: 1024px;
      margin: 0 auto;
      @media screen and (max-width: 768px) {
        width: 100%;
        margin: 0;
      }
      @media screen and (max-width: 768px) and (max-width: 1024px) {
        width: 800px;
      }
    }
    
[/code]

左がネスト有り、右がネスト無しになります。

[![検証](https://i.stack.imgur.com/Z7J79.png)](https://i.stack.imgur.com/Z7J79.png)


CC BY-SA 4.0
2019-05-21T02:03:47.097
55125
2019-05-21T02:03:47.097
7676
55109
answer