使用scss文件編譯angular4應用程序時出錯

Question

我需要使用一些sass文件直接在我的angular4應用程序中。爲此，我已經安裝了節點sass，指南針和compass-mixins用於轉換&構建這些文件。但是當我試圖運行我的應用程序時，它拋出了一個錯誤「沒有mixin命名爲動畫」。有人能告訴我爲什麼會出現這個錯誤嗎？

依賴性和版本：

"node-sass": "^4.5.3", "compass": "^0.1.1", "compass-mixins": "^0.12.10"

SCSS文件內容：

@import "~compass-mixins/lib/compass"; 

    .spinner { 
      opacity: 0.5; 
      @include animation (rotate 2s linear infinite backwards); 
     } 

實際的錯誤：

error image

Answer 1

嘗試更新您的import到：

@import "~compass-mixins/lib/_compass";