我開始在Angular中使用Angular Material庫爲界面開發Web應用程序。但是在嘗試導入預構建主題時出現錯誤。爲了導入它,我添加了<link rel="stylesheet" href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css">
到我的index.html
文件,但是當我運行ng serve
時,我無法獲取該文件。Angular 2 Material無法加載樣式
6
A
回答
1
檢查您的路徑是否正確。我有同樣的問題,我固定的路徑: 煤礦是
<link rel="stylesheet" href="lib/@angular/material/core/theming/prebuilt/indigo-pink.css">
+0
剛剛檢查。其實這是正確的 –
+0
我有這個相同的問題,你修好了嗎? –
3
如果您正在使用angular-cli
跟隨他們steps for including Angular-Material。
確保您有以下進口src/styles.css
@import '[email protected]/material/prebuilt-themes/deeppurple-amber.css';
@import '~https://fonts.googleapis.com/icon?family=Material+Icons';
這是什麼angular-material
自己建議略有不同入門網站,但它爲我工作。
+0
真棒這與cli的作品 –
相關問題
- 1. Angular 2 Material Design
- 2. angular 2 Reactiveforms無線組無法加載
- 3. Angular Material 2 Spinner with Angular 4
- 4. Angular 2,Material 2 Radio,Formgroups
- 5. .Net Core + Angular 2:無法加載模塊
- 6. Karma無法加載Angular 2組件
- 7. 圖片無法加載Angular 2
- 8. 無法加載樣式表
- 9. 樣式表無法加載
- 10. Angular Material不會應用樣式
- 11. node_modules中的Angular 2 Material Design樣式在哪裏?
- 12. Angular 2 Material Progress Spinner:顯示爲疊加
- 13. Angular 2 Material對話框
- 14. Angular 2 Material MdSnackBar no Provider
- 15. 無法使用MdDialogConfig設置Angular Material 2對話框的位置
- 16. Rails樣式表無法加載
- 17. Angular指令無法加載
- 18. Angular - 無法加載視圖
- 19. 如何解決Angular 2中的錯誤「無法找到Angular Material核心主題」?
- 20. 從Angular 2更新到Angular 4後,md-input-container(Material Design)無法工作
- 21. Webpack 2樣式表未加載
- 22. 外部CSS樣式表無法加載
- 23. Angular 2組件樣式無法解析從node_modules導入的css
- 24. angular 2 ng2-bootstrap:無法讀取null的屬性'樣式'
- 25. Angularjs 2 RC5表格無法加載
- 26. 是否提供JavaScript的Angular Material 2?
- 27. Angular 2 Material日期選擇器值
- 28. Angular 2/4 Material,點擊列表項
- 29. 無法加載角材2模塊
- 30. Material Design小部件無法讀取樣式屬性
向我們展示您的項目文件結構。 – wannadream
您必須在'.angular-cli.json'文件的'styles'中添加'../ node_modules/@ angular/material/prebuilt-themes/indigo-pink.css' –
嘗試過但沒有工作要麼 –