2017-11-08 4 views
1

を(オブジェクト変数を)マップの構文をサポートしていません(オブジェクト変数のように見える)Sass Mapsを使用しようとすると、私は次のエラーを取得しています:サスRailsは

Invalid CSS after " primary": expected ")", was ": #3097D1," 
    (in /Users/.../app/assets/stylesheets/new_design.scss:19) 

私は、エラーを再現期待

$theme-colors: (
    primary: #3097D1, 
    secondary: black 
); 

@each $key, $val in $theme-colors { 
    .foo.#{$key} { 
    color: $val; 
    } 
} 

次最小限の例を使用して、

しかし、エラーが発生しました。私が想定したい

gem 'sass-rails', '~> 5.0.0' 

ロードそのオブジェクト変数をサポートする必要があり、最新のSASSのバージョンの1:

sass-rails, ~> 5.0.0

Gemfileに従ってインストールしているようです。

私は現在のバージョンがこの構文を認識していないと感じています。

正しいサスのバージョンを確認するにはどうすればよいですか?この構文を正常にコンパイルするために何か必要なことはありますか?


bundle show sass-rails最近思われる、5.0.6を示しています。 map SASSの構文で

答えて

1

コメントで述べたように、同様の問題についてstackoverflow議論がある

議論は、私が

を引用Github Issue 1088

を参照すると多くの問題がありますインデントされた構文、およびSassのメンテナーはそれらを修正するつもりはありません。 :(彼らは.sassパーサをリファクタリングする奇妙な、ハードである、と言う

私はSassの構文を入力するより速く、読みやすいように見つけることが視覚的なノイズを奪われている:。。

をindented_vs_bracketed

また、コピー&ペーストを行うことがはるかに簡単だ。

のでサスメンテナ、discuに掘り下げによっておそらく背後にある!

インデント構文の秋を聞かせないようにしてくださいソリューションを見つけることができます。今、私はポストIonică Bizăuの所有者からソリューションを引用しています:、引用符の間の値をラップ節約、エラーなしのブラウザでリロードした後、ブラウザに戻って引用符を削除し、ページをリロード

問題を解決しました。たぶんどこかにキャッシュされたものだったかもしれませんが、どこで理解できません。私はレーキを再起動せず、バンドルコマンドを実行しませんでした...ありがとう!:)同じページから

+0

:[ 'Maps'(http://sass-lang.com/documentation/file.SASS_REFERENCE.html#Maps)。 –

+0

@IonicăBizăuあなたは正しいです。 –

+0

申し訳ありませんが、あなたの提案はまだありません。私は 'sass-rails 5.0.6'をインストールしてあり、' new_design.scss'はマニフェストファイルそのものです。 –

関連する問題