2017-10-11 79 views
1

請參閱以下最後編輯與解決方案角4.4.4項目與上海社會科學院風格:材料設計設置不起作用

我已經按照本指南(鏈接在評論),以實現物質成分和圖標我的角度4項目。

我遇到和錯誤,當我嘗試導入材料設計與這些行我SCSS配置文件:

@import '~https://fonts.googleapis.com/icon?family=Material+Icons'; 
@import '[email protected]/material/prebuilt-themes/indigo-pink.css'; 

的IntelliJ提醒我:「無法找到URL ...等」

現在我用一種變通方法與此鏈接desider HTML文件直接導入 從材料的圖標:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 

,但像這樣的T中的所有步驟做他的教程是無用的。

任何人都可以對我說我做錯了嗎?在此先感謝

編輯1 刪除~的要求:

RESULT IMAGE

我不是很熟練angular2項目結構(我的前端同事感冒了)。

我問自己,在那裏把這些2行,因爲我不能在我的項目找到全局的style.css

PROJECT STRUCTURE PHOTO

最後編輯

繼文檔從一開始的教程,從事我的工作。

我解決了創建custome主題,因爲材質需要一個主題來啓動組件。

對於圖標 - >只需將鏈接導入到index.html。

對於成分 - >按照文檔

回答

1

刪除網址的領先~的「get started」的一部分:它是一個node_modules/速記的WebPack。

這就是爲什麼他們在以下行中使用角/材料:它被重寫爲node_modules/@angular/material/prebuilt-themes/indigo-pink.css

編輯:

enter image description here

+0

完成,但現在有一個警告,請參閱編輯後,我會鏈接另一個圖像! – Tommolo

+0

@Tommolo好的!請確保你將它添加爲新的部分(之後,說「編輯:」原來的問題在那裏爲其他人有同樣的問題:) – msanford

+0

非常感謝,我是一個初級開發人員,剛剛發現了stackoverflow世界:帖子編輯! – Tommolo

0

您可以禁用下載的檢查:

您可以通過下面的工具提示(進入設置> DTD,並在這裏將其添加爲URI)補充說,通過你的IDE。你可以看到如何做到這一點

Disabling and Enabling Inspections

禁用或啓用檢查要在設置中禁用或啓用檢查 /Preferences對話框

Find the desired inspection, by expanding the grouping nodes or using the search field. 

  • 使用檢查旁邊的複選框禁用或啓用它。
  • 應用更改並關閉對話框。

IJ使用檢查,以驗證對已知錯誤的代碼的方式,這些 檢查由IDE下載到您的個人資料。當代碼使用新功能時,檢查並不總能給你正確的結果。這樣,您應該更新IDE或下載/修改/禁止/禁用檢查。 CSS代碼不需要編譯,它由應用程序中的webpack或其他打包程序轉換。

+0

你爲什麼要禁用它?它似乎正確地顯示錯誤,因爲'node_modules/http:// ...'很可能不是預期的導入目標。 – msanford

+0

@msanford檢查已過時。 –

+0

我仍然厭倦了禁止某個班級的所有檢查;是否沒有風險丟失寶貴的調試信息,即使它在這個_specific_案件中無效? – msanford

相關問題