2016-10-21 3 views
2

角度2のアプリケーション(ビジュアルスタジオ2015)にいくつかのデフォルトテーマを含めるようにしています。名前 'angular'は現在のコンテキストには存在しません - 角度2、マテリアルデザインcss

それはdemo appで行われていますように私は、私のヘッダー内の次のCSSラインを追加しました:

<link href="@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet"> 

をしかし、私はエラーThe name 'angular' does not exist in the current contextを取得しています。

また、this guideが見つかりました。しかし、私は一歩一歩も上手くいかないようです。私は "CLIENT"を使用していないので、 "@angular"が機能していないと推測します。しかし、私は直接参照のいずれかの形式を取得することはできません。

私のD:\Projects\ProjectName\ProjectName\node_modules\@angular\material\core\themingフォルダにあるcssファイルは問題ありませんが、参照する方法が見つかりません。

これは上記と同じエラーが発生します。

<link href="./node_modules/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet"> 

は、ファイル名に「@」とそこにいくつかの問題ですか?これは私の最初の適切なWebアプリケーションであるため、私は本当に明白なエラーを作り出しているかもしれません。

+0

ビルドパイプラインが 'node_modules'を提供していないと思います。あなたのブラウザでは、URL全体を入力してください。 'localhost:9000/node_modules/@ angular/material/core/theming/prebuilt/indigo-pink.css'を参照してテストしてください。 – bhantol

+0

http:// localhost:49954/node_modules/@angular/material/core/theming/prebuilt/indigo-pink.cssには404 – Joe

+0

が追加されています。アプリをどのように提供しているかを投稿できます(例:gulp serveやwebpack、gruntなど)。 – bhantol

答えて

0

node_modules /を@angularの前に追加できますか?

これはまた別のオプションは、あなたのコンポーネントにstyleUrlsに追加することですhttps://github.com/angular/material2/blob/master/docs/theming.md

にdescripedさ: @Component({ templateUrl: '私の-template.html'、 styleUrls:角度@ [ 'node_modules// material/core /theming/prebuilt/indigo-pink.css '] }

2

RAZOR View Engineの解析例外がありますか?

'@' - かみそりサーバー側システムのシンボル、

あなたはSRCリンク上でこの記号を使用したい場合は - ビューに宣言します。= "@angular" {VARの@angular @ を。 }

関連する問題