LoginSignup
0
0

More than 3 years have passed since last update.

node-sassで改行出来なかった話

Posted at

状況

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を使えば問題なし。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0