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に下げるとなおる場合もあるみたいです。
コメント