1

デフォルトの application.css を application.scss にリネームして

/*
 *= require_tree .
 *= require_self
 */

 @import "bootstrap"

.sidebar {
  width: 20%;
}

というのをかいてみたところ

Error: media query expression must begin with '('
        on line 20:1 of app/assets/stylesheets/application.scss
>> .sidebar {

というエラーが出ます
scss はメディアクエリが必須なんでしょうか?

Rails の仕様なのか SCSSの仕様なんでしょうか

1 件の回答 1

3

@import "bootstrap"のあとに;がぬけていることで@import "bootstrap" .sideber {...のように1つの文として扱われているだけのようです。

エラーメッセージがたしかに不親切な気がするのでしらべてみたところ処理系によってメッセージが異なるようで、

  • libsassの場合は質問文のようなメッセージ、
  • dart-sassだと

    expected ";".
       ╷
    1 │ @import "hoge"
       │               ^
       ╵
      stdin 1:15  root stylesheet on line 1 at column 15
    
  • Ruby-Sassだと

    Invalid CSS after "@import "hoge"": expected selector or at-rule, was ".class {"
    

のようになるようです。

3
  • そのとおりでした! 助かりました!
    – user35303
    Commented 2019年12月28日 19:13
  • デフォルトで sass-rails (6.0.0) というのがはいってました。他の処理系にかえたほうがいいんでしょうか…
    – user35303
    Commented 2019年12月28日 19:41
  • 1
    別にその必要はありません、というかそもそもruby-sassとかは既に開発がおわっているものですしね。
    – hinaloe
    Commented 2019年12月29日 3:34

この質問に回答するには、ログインする必要があります。