預期'風格'是一個字符串數組。 Angular2

Question

我得到這樣的錯誤

Uncaught Error: Expected 'styles' to be an array of strings.

這裏是我的代碼

styleUrls:[ 
    "../../styles/login.component.styles.scss" 
], 

當我讓他們以同樣的方式聲明，但與樣式文件在同一目錄中存在的部分問題不會發生。

Answer 1

我一直在努力應對類似的事情，同時將現有的角度移植到angular-cli 1.2.6;我們始終使用SCSS。

注意：我不知道我需要做出的修改（下面概述）是來自我們遺留體系結構的構件，是框架的限制還是其他內容，但它們都適用於我。

多的調試和從各種渠道試圖建議後，我發現了一些的WebPack魔法使從一個@Component文件引用導致的編譯CSS的styleUrl[]這也是.angular-cli.json的styles[]陣列被解釋爲{}。預期的輸出是編譯後的SCSS文件的CSS表示形式。

那麼這將導致angular-compiler的assertArrayOfStrings()調用throw與莫屬Expected '" + identifier + "' to be an array of strings.

我不得不作出以下修改我的申請得到它的工作：

1. 全球樣式表引用app.component的styleUrls[]陣列必須移動到.angular-cli.json的app[0].styles[]陣列。
2. app.component的styleUrls[]數組應該是空的。
3. app.component的encapsulation: ViewEncapsulation.None meta-decorator可以被刪除。
4. 在.angular-cli.json的app[0].styles[]數組中引用的樣式表不能在任何組件的styleUrls[]裝飾器中引用。

I filed an issue爲此。