रेल एसएएस कंपाइलर कंपास एनीमेशन नहीं जानता - रूबी-ऑन-रेल, एसएएस, कंपास-एसएएस, सीएसएस-एनीमेशन, कंपास

मै इस्तेमाल कर रहा हूँ

@include keyframes(small) {
0% {
opacity: 0;
}
100% {
opacity: 0;
}
}

.small {
@include animation(small 1s infinite);
}

और रेल मुझे निम्नलिखित त्रुटि देता है:

Sass::SyntaxError at /
Undefined mixin "keyframes". (or "animation")

मैं नवीनतम SASS और compass --pre (अल्फा) का उपयोग कर रहा हूं जो एनिमेशन का समर्थन करने वाला है।

उत्तर:

अपने GemFile में रत्न के निम्नलिखित संयोजन का उपयोग करने का प्रयास करें:

gem "sass", "~> 3.2.19"
gem "sass-rails", "~> 4.0.4"
gem "compass", "~> 0.12.7"
gem "compass-rails", "~> 2.0.0"

और फिर सुनिश्चित करें कि आपके पास अपनी स्कैस फ़ाइल के शीर्ष पर निम्न पंक्तियां हैं:

@import "compass";
@import "compass/css3";

निम्नलिखित gemfile अद्यतन यह करना चाहिए ...

# compass 1.0 needed to use keyframe mixin
# but compass 1.0 needs Sass 3.3 (further below)
gem "compass", "~> 1.0"
gem "compass-rails"

# use sass-rails ~>5.0 to get Sass ~>3.3
# needed for compass ~>1.0
# which is needed for keyframes mixin
gem "sass-rails", "~>5.0"