紅寶石在rails上使用sass自動加載語法錯誤

我的rails項目運行時應用css加載是沒問題的。但如果使用sass文件轉換爲css，在Web瀏覽器中的語法錯誤消息。

這是我的操作系統和內核環境以及運行信息的rails上的ruby。

的Linux的localhost.localdomain 2.6.18-238.9.1.el5＃1 SMP星期二月12十八點10分13秒EDT 2011 x86_64的x86_64的x86_64的GNU/Linux的

CentOS版本5.6（最終）

Ruby on Rails using GemFile in rails project directory. 
... 
gem 'rails', '3.0.5' 

gem "haml" 
... 

Using rake (0.9.2) 
Using abstract (1.0.0) 
Using activesupport (3.0.5) 
Using builder (2.1.2) 
Using i18n (0.6.0) 
Using activemodel (3.0.5) 
Using erubis (2.6.6) 
Using rack (1.2.3) 
Using rack-mount (0.6.14) 
Using rack-test (0.5.7) 
Using tzinfo (0.3.28) 
Using actionpack (3.0.5) 
Using mime-types (1.16) 
Using polyglot (0.3.1) 
Using treetop (1.4.9) 
Using mail (2.2.19) 
Using actionmailer (3.0.5) 
Using arel (2.0.10) 
Using activerecord (3.0.5) 
Using activeresource (3.0.5) 
Using annotate (2.4.0) 
Using bcrypt-ruby (2.1.4) 
Using bundler (1.0.13) 
Using orm_adapter (0.0.5) 
Using warden (1.0.4) 
Using devise (1.2.rc) 
Using event-calendar (2.3.3) 
Using gem_plugin (0.2.3) 
Using haml (3.1.2) 
Using liquid (2.2.2) 
Using meta_search (1.0.5) 
Using mongrel (1.2.0.pre2) 
Using mysql2 (0.2.7) 
Using net-ssh (2.1.4) 
Using net-sftp (2.0.5) 
Using paperclip (2.3.11) 
Using thor (0.14.6) 
Using railties (3.0.5) 
Using rails (3.0.5) 
Using recaptcha (0.3.1) 
Using ruby-ole (1.2.11.1) 
Using rufus-scheduler (2.0.9) 
Using simple_form (1.4.1) 
Using spreadsheet (0.6.5.4) 
Using will_paginate (3.0.pre2) 

[[email protected] stylesheets]$ sass -v 
Sass 3.1.2 (Brainy Betty) 
[[email protected] stylesheets]$ compass -v 
Compass 0.11.3 (Antares)

below error message webbrowser loading.. 

Syntax error: Invalid variable: "$global_main_width = 600px". 
     on line 7 of /home/test/rails_projects/blog/public/stylesheets/sass/blog_style.sass 

2: @import form 
3: @import mixin 
4: @import popup 
5: 
6: 
7: $global_main_width = 600px 
8: $global_side_width = 200px 
9: $global_wrapper_margin = 10px 
10: 

Syntax error: Invalid variable: "$x = (($col - 1) * -$width) - (($col - 1) * $margin)". 
     on line 23 of 

18:  :width $width 
19: @if $height != "default" 
20:  :height $height 
21: 
22: =sprite_position($col, $row, $width, $height, $margin) 
23: $x = (($col - 1) * -$width) - (($col - 1) * $margin) 
24: $y = (($row - 1) * -$height) - (($row - 1) * $margin) 
25: :background-position $x $y

來源

2011-06-21 moonlightcastleknight

等號是什麼是你扔。對於SASS語法使用的是：

$global_main_width: 600px

對於SCSS其堅持更接近普通的CSS語法，你需要分號：

$global_main_width: 600px;

來源

2011-06-21 17:05:03

請推薦給我。鏈接很好如何使用sass轉換爲rails3項目中的CSS。 – moonlightcastleknight

而是使用的冒號嘗試等號：

$global_main_width: 600px; 
$global_side_width: 200px; 
$global_wrapper_margin: 10px;

來自fine manual：

使用SassScript最直接的方法是使用變量。變量開始美元符號，和被設置等的CSS屬性：
$width: 5em; 
[...]

變量也被用於與被限定=而非：;這仍然有效，但它已被棄用，並打印出警告。：是推薦的語法。

等號應該可以工作，但它們已被棄用，並且警告可能會令人困惑。

來源

2011-06-21 17:05:19

更改使用sass文件的語法？我的鐵軌項目在幾個月前運行良好。 – moonlightcastleknight

@moonlightcastleknight：'='應該仍然有效，但最近的升級可能會禁用舊的棄用語法。 –

紅寶石在rails上使用sass自動加載語法錯誤

回答

相關問題