Angular CliとAOTの問題

Question

私のプロジェクトでAngular CLI 1.4.1を使用し、AOTコンパイルを使用してビルドしたいと考えています。しかし、私は2つの問題に直面した：

1）私は登録コンポーネントを持つショップモジュールを持っています。 registration.component.cssで、私はこのファイルには角/材料/ビルド済み-テーマ/フォルダ@/node_modulesに存在するライン

@import "~@angular/material/prebuilt-themes/indigo-pink.css"; 

を追加しました。

Error: Compilation failed. Resource file not found: C:/library/src/app/shop/book-registration/~@angular/material/prebuilt-themes/indigo-pink.css 
    at ModuleResolutionHostAdapter.readResource (C:\library\node_modules\@angular\compiler-cli\src\compiler_host.js:387:19) 

2）私は、グローバルファイルStyles.cssをを持っており、それが.angular-cli.jsonに含まれています：

"styles": [ 
    "styles.css" 
    ] 

は、私が実行し、私はAOTのビルドを実行すると は、しかし、私はエラーメッセージが表示されます開発ビルドこのファイルからのスタイルは、ページ上で利用可能です。しかし、AOTをビルドした後は、スタイルはロードされません。

お願いします。

Answer 1

削除コンポーネント

@import "~@angular/material/prebuilt-themes/indigo-pink.css"; 

からのインポートおよび角度-cli.jsonにこのテーマに参照を追加：実行NGを

"styles" : [ 
    "styles.css", 
    "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css"] 

と試みるが、私が持っている