【VSCode】.scssから.cssが生成されるが、サーバーへ自動的アップロードされない場合の対処法

スポンサーリンク

VSCodeで、拡張機能「SFTP」、「Live Sass Compiler」使用時、

ローカル側では、「.scss」を保存すると、「.css」や「.min.css」が作成されるが、
サーバー側には、「.scss」しかアップロードされない場合の対処法。

パターン1:監視ファイルの拡張子に半角スペースが入っている。

sftp.jsonの設定ファイルで

watcher/filesにカンマの後に半角スペースが入っていると認識しません。

ダメな例↓

"watcher": {
  "files": "**/*.{js, css}"
}

この場合だと、、監視する対象の拡張子が以下のようになる。

◯◯.js(これはOK)
◯◯. css(cssの前に半角)

良い例↓

"watcher": {
  "files": "**/*.{js,css}"
}

カンマの後に半角スペースが入っているかどうかの違い。
よく見ればわかることなのですが、癖でカンマの後に半角スペースを入れちゃう人は注意。

パターン2:rejectUnauthorizedの設定がされていない。

接続が、SFTP(ポート22とか10022とか)ではなく、FTP(ポート:21)を使用している場合に発生する場合がある。

sftp.jsonに以下を追加。

"secureOptions": {
  "rejectUnauthorized": false
},

以上。

補足:SFTPのバージョンを1.16.3→1.16.1に下げるとなおる場合もあるみたいです。

コメント

タイトルとURLをコピーしました