vscodeの拡張機能でlive-sass-compilerを使ってsassをコンパイルしています。
以下のソースで
{ expectedscss(css-lcurlyexpected)
というエラーが出ました。どうすれば解決出来るでしょうか?
書いたsassは以下の通りです。
main {
width: 1024px;
margin: 0 auto;
@media screen and (max-width: 768px) {
width: 100%;
margin: 0;
@media screen and (max-width: 1024px) {
width: 800px;
}
}
}
エラー箇所はwidth:800px;
の:
部分です。
調べたところは同じ質問があったのですが、根本的な解決には至っていないような感じでした。
stylus style formatting in vue files with VSCode - Stack Overflow
*.scss
でしょうか?表示されているエラーはSCSS記法
で記述されているものをSASS記法
でコンパイルを行おうとして{
が出現したために、予測SCSS記法
と警告が出ております。@media
のネストは認識されなかったと思いますのでお気をつけください。(具体的にはIE11とか)