は角4.4.4プロジェクト：材料設計のセットアップが

Question

がで材料成分とアイコンを実装するために、私は（コメント内のリンク）は、このガイドに従ってきた

溶液でFINAL EDITは、以下を参照してください動作しません。私のアンゴラ4プロジェクト。

私はこれらの行で私SCSSの設定ファイルに材料設計をインポートしようとすると、私が遭遇し、エラーだ：

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

IntelliJのは、私を警告：「URLが見つかりません...など」

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

が、すべてのステップがトンで行った。このように：

は、今私は、このリンクをdesider htmlファイルに直接材料から アイコンをインポートする回避策を使用しています彼はチュートリアルは役に立たない。

誰かが私に間違っていると言うことができますか？事前のおかげで

EDIT要求として1 削除~：

私はangular2プロジェクト構造で非常に熟練していないよ（私のフロントエンドの同僚は、インフルエンザを得ました）。

私はFINAL EDIT

グローバルstyle.cssに私のプロジェクトで

を見つけることができないので、私はドキュメントに続いて、これらの2行を置くために自分自身を求めています最初からチュートリアル、私の仕事のフォーム。

マテリアルはコンポーネントを開始するためのテーマが必要なため、カスタネットテーマの作成を解決しました。

アイコンの場合は、index.htmlにリンクをインポートしてください。 Components-については

>ドキュメントの「get started」の部分をたどる

Answer 1

はURLから先頭の~を削除します。それはnode_modules/のためのWebPACKの速記です。

これは、角度/マテリアルに次の行で使用する理由です。これはnode_modules/@angular/material/prebuilt-themes/indigo-pink.cssに書き換えられます。

EDIT：

Answer 2

あなたがダウンロードした検査を無効にすることができます

あなたが（設定> DTDに入り、URIとしてそれをここに追加）ツールヒントに従うことによってことを追加することができますあなたのIDEによって。[設定/プリファレンスが

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

• 使用をダイアログに

  Disabling and Enabling Inspections

  検査 を有効または無効にするに検査を無効または有効にすることを行う方法を見ることができます点検の横にあるチェックボックスを無効にするか有効にします。

• 変更を適用し、ダイアログボックスを閉じます。

---

IJは、既知のエラーに対してコードを検証するために検査を使用する方法、これらの 検査があなたのプロフィールにIDEによってダウンロードされています。新しい機能がコードで使用されている場合、インスペクションでは必ずしも正しい結果が得られるわけではありません。このようにして、IDEを更新するか、インスペクションをダウンロード/変更/抑制/無効にする必要があります。 CSSのコードはコンパイルする必要はなく、アプリケーションのwebpackやその他のパッケージャによって変換されます。