状況
node-sassをインストールして、自動コンパイルさせる設定が上手くいかなかった。
環境
node: v12.13.0
node-sass: 5.0.0
実際のコード(抜粋)
main.sass
* {
margin: 0;
}
コンパイル時、ターミナルに表示されたエラー
{
"message": "Invalid CSS after \"* {\": expected \"}\", was \"{\"",
"formatted": "Error: Invalid CSS after \"* {\": expected \"}\", was \"{\"\n on line 1 of public/sass/main.sass\n>> * { {\n\n ---^\n"
}
ええ…sassファイル内で改行出来ないの…
解決策
問題点:ファイルの拡張子が違った
元々 hoge.sass
にしていたものを hoge.scss
に変更したら出来ました。
scssファイルにしなければいけないんですね。知りませんでした。
番外編:それでも別のエラーが出た
Error: EROFS: read-only file system, mkdir '/style.css'
解決策:予めstyle.cssを作成するとエラーが出る。コンパイル後に生成されるstyle.cssを使えば問題なし。