2012-03-28 59 views
8
Invalid CSS after "}": expected selector or at-rule, was "}" 
    (in /home/test/www/dispatch/app/assets/stylesheets/application.css) 
(sass):364 

上述錯誤是我的預編譯中發生的,我無法找到問題。我試過重命名文件到application.css.scss,我也得到了同樣的錯誤,用不同的行號:405CSS中的Rails預編譯錯誤

已經難倒我的事情是,這個文件只包含159線,所以我不知道在這行號來自。

我預編譯我的本地機器上,因爲昨晚在生產遷移的嘗試發生這個錯誤。

+0

謝謝,這正是問題所在,缺少分號。獲得的經驗教訓,我不知道一切都編譯到該文件。感謝一百萬的信息。 – user1214966 2012-03-28 21:16:36

+0

沒問題,很高興幫助。如果您不介意將其標記爲已閱讀此內容的其他人回答,我會將其評論作爲答案。感謝和愉快的編碼。 – digicazter 2012-03-28 21:44:58

回答

14

如果這是你的application.css那麼這將編譯所有你的CSS到該文件,所以有機會,這個問題是不是在這個文件本身,而是在一個文件中它編譯進去。檢查您的代碼是否缺少分號。

+0

http://jigsaw.w3.org/css-validator/validator幫我找到了錯誤。謝謝。 – quantumpotato 2013-08-06 00:42:02

1

我錯過了分號。在宣佈「$ grayMediumLight」的行末尾,Mine被關閉了。也許這會爲我節省30分鐘的時間。

2

我同意@Digi_Cazter。但是,同樣的錯誤可能發生,因爲把無效的括號像

.someclass{ 
    property: value; 
}} 
0

很高興你發現你的錯誤並修復它,但我想解釋一下對於其他新手像我一樣,可能需要在不同的地方看爲他們的修復。

我剛剛遇到了這個問題,並且對我來說example.css.scss預先編譯爲/ public中的example.css,並且在媒體查詢結尾添加了一個額外的「}」 - in/public/example。 css即使在/example.scss.css中沒有錯誤

對於任何有此問題的人,請將您的SCSS和CSS與萬花筒之類的東西進行比較,以檢查在您的預編譯過程中是否存在任何語法錯誤並從中進行故障排除。

3

,因爲他們沒有提供任何堆棧跟蹤我討厭這些錯誤。所以一旦發生這種情況,你不得不花幾個小時尋找那個分號。我希望Rails的人會盡快解決這個問題。

同時,我發現了一個很好的方法來檢測這種錯誤,將它們傳遞給CSS編譯器或壓縮器。在我的應用程序,我們使用SASS,這樣我就可以撥打電話:

sass --style compressed --scss -C your_problematic_file.css 

這會告訴你,如果有一個與該文件的任何錯誤,和行號。您需要在每個可能成爲罪魁禍首的CSS文件上運行該文件。

在我而言,這是各地媒體查詢額外}

+0

這很有幫助,但我仍然有問題。似乎一切都好,通過運行這個,但我得到的錯誤! – 2016-06-14 10:26:56