

とある教材でWebサイト構築を勉強中なのですが  
表題の通り'composes'を記述しても  
「Unknown property: 'composes'css(unknownProperties)」と表示されてしまいます。

教材の完成版のコードを読み込んでも同じエラーが出るので  
VSCode上の設定に問題があるのかなとは考えております。

海外のサイトで検索してみても'composes'のワード自体にエラーが出ないように単に登録するような回答くらいしか手に入れられなく……  
'composes'を認識させられるような拡張機能などがあるのでしょうか。

どなたかお力をお貸しいただけると助かります。

下記現在記述しているコードになります。

[code]

    /* 横並び(基本形) */
    
    .sideBySide {
      display: flex;
      flex-direction: column;
    }
    
    @media (min-width: 768px) {
      .sideBySide {
        flex-direction: row;
        justify-content: space-between;
      }
    }
    
    /* 横並び(中央揃え)*/
    
    .sideBySideCenter {
      composes: sideBySide;
      align-items: center;
      text-align: center;
    }
    
    @media (min-width: 768px) {
      .sideBySideCenter {
        text-align: left;
      }
    }
    
[/code]

8/20 11:00追記  
CSS Modulesにおける`composes:`はそれより前にあるクラス名のスタイルを取り込み新たなクラス名に+αのスタイルとして使用できるようです。

`PostCSS`はターミナルで`npm ls`を記述し、確認しましたがインストールされておりませんでした(この確認方法で合っていなかったらすみません)


CC BY-SA 4.0
2022-08-19T09:14:35.977
90633
2023-10-20T08:06:35.740
2022-08-20T02:08:29.713
54059
54059
question
css vscode
CSS Modulesの'composes'がVSCodeにてUnknown propertyと表示され有効化されない


私もその本を読んでいまして、同じ問題にぶつかりました。  
Visual Studio Codeの設定を変更したら解決しました。

詳細、対処法は以下Githubのwikiにあります。ご確認お願いします。  
<https://github.com/ebisucom/next-react-website/wiki>


CC BY-SA 4.0
2022-09-13T06:37:57.140
91076
2022-09-13T06:37:57.140
54373
90633
answer