2017-01-15 8 views
0

こんにちは私はangle2-material、angular2-firebaseを持つAngular2プロジェクトを使用していますが、angular2-materialライブラリはうまく動作しますが、たとえば、コンポーネントレベルでCSSを宣言したり、srcレベルでstyle.cssを宣言したりすると、ページ上の要素を調べるときにブラウザがクラスを取得しません。また、インデックスでCSSを呼び出しても動作しません。 html、動作する唯一のものは、angular-cli.jsonで宣言されているtheme.scssですが、それ以外のスタイルはありません。これは私が使っているバージョンです。あなたはWebPACKのに「スタイル・ローダー」と「CSS-ローダー」プラグインを追加する必要があり、その後のWebPACK自動的に発見し、例えば、あなたのコンポーネントでそれらをインポートすることにより、あなたのページにそれらを注入しますWebPACKのでCSSスタイルをロードするAngular2プロジェクトのAngle2iプロジェクトでCSSファイルがロードされていません

npm: '4.0.5', 
node version v7.4.0 

angular-cli: 1.0.0-beta.25.5 
node: 7.4.0 
os: win32 x64 
@angular/common: 2.4.3 
@angular/compiler: 2.4.3 
@angular/core: 2.4.3 
@angular/flex-layout: 2.0.0-beta.1 
@angular/forms: 2.4.3 
@angular/http: 2.4.3 
@angular/material: 2.0.0-beta.1 
@angular/platform-browser: 2.4.3 
@angular/platform-browser-dynamic: 2.4.3 
@angular/router: 3.4.3 
@angular/compiler-cli: 2.4.3 
+3

あなたは[MCVE]を得るだろうか?これはおそらくスタイルのカプセル化に関連していますが、あなたの説明は非常に曖昧です。 – jonrsharpe

+0

おそらくパスの問題です。それ以上の情報なしでは助けになることは難しいです。たとえば、cssファイルとディレクトリのプロジェクト構造を呼び出すコードを表示します。 – L1ghtk3ira

+0

私はこれをapp.component.cssで行った唯一のことではありませんでした。プロジェクトはまったく新鮮ですjusはangle-cli、material、firebaseをインストールして、いくつかのCSSクラスを追加してください。 :0オート; 背景色:黒; } .wrapmenu {フレックス:1。 } –

答えて

0

あなたがこれを行うことにより、appComponent.tsにそれを追加することができます。

import '../assets/styles.css' 

を角度のCLIは、あなたがこれを実行する必要がありますコマンドを使用して、プロジェクトにWebPACKのコンフィグを追加する:

ng eject 
関連する問題