2017-07-17 18 views
0

これは繰り返し質問ですが、ここに挙げた解決策のどれも私を助けませんでした。私は、コンソールで次のエラーを取得しています:Could not find Angular Material core theme. Most Material components may not work as expected. For more info refer to the theming guide: https://material.angular.io/guide/theming角度のある素材2コアのテーマが見つかりません

私はすでにやっていること:

    角度-cli.json Suggested Here
  • で追加されたスタイルのキーは、CSSへの実際のパスをしようとしました
  • Suggested Here

その他いくつか。私はタブを紛失したようだ。

ここで私が興味をそそられるのは、ここから見てスタイルが読み込まれているということです。

Screenshot

だからクラスであり、その材料のチェックのために: mat-theme-loaded-marker

しかし、私はまだ読み込むことができないようです。同じエラー。

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { RouterModule, Routes } from '@angular/router'; 
import 'hammerjs'; 
import { LoginComponent } from './components/login/app'; 
import { CookieService } from 'ngx-cookie-service'; 
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; 
import { MaterialModule } from '@angular/material'; 

const appRoutes: Routes = [ 
    {path: 'login', component: LoginComponent}, 
    { path: '**', component: LoginComponent } 
]; 

@NgModule({ 
    declarations: [ 
    LoginComponent 
    ], 
    imports: [ 
    FormsModule, 
    HttpModule, 
    BrowserModule, 
    BrowserAnimationsModule, 
    RouterModule.forRoot(
     appRoutes, 
     { enableTracing: true } // <-- debugging purposes only 
    ), 
    MaterialModule 
    ], 
    providers: [ CookieService], 
    bootstrap: [ LoginComponent ] 
}) 
export class AppModule { } 

PSは:次のように

マイAppModuleがある私は、材料設計と角度2を開発し、角度4.

+0

Btw:あなたはもはや 'MaterialModule'をやりません。代わりに、 'MdButtonModule'のような必要なコンポーネントのモジュールなどを追加するだけです。ここをクリックしてください:[はじめに](https://material.angular.io/guide/getting-started)。 – pzaenger

+0

'stylesheets import'のシーケンスは何ですか?あなたの投稿にCSSを追加してください – Aravind

+0

@pzaengerええ、私は最初、同じエラーを試みました。したがって、これに固執します。 –

答えて

-1

に新しいです、私たちは賢明な他の材料構成要素からいくつかのデフォルトのCSSを使用する必要がありますAngular Materialコアテーマが見つかりませんでした。。これらの問題を回避するには、素材コンポーネントのデフォルトテーマの1つを使用する必要があります。下の画像から、 prebuilt-themses in youe node_moduleを見ることができます。 enter image description here

。私はstyles.cssファイルにテーマの1つをインポートしています。スクリーンショットを見てください。ページをリロードした後、ブラウザのコンソールにエラーメッセージが表示されません。それがあなたに役立つことを願っています。 enter image description here

+0

私の設定はカスタムスタイル以外は同じです。問題はCSSファイルではなく、ロードされますが、マテリアルがチェックされた後に推測されます。 これは私のCSSです:http://imgur.com/a/WB0Xa –

+0

まだ、同じエラーを言うのを忘れました。私はあなたの答えを読んだ後に 'body'スタイルを追加しました。 –

+0

私は以下の理由であなたの答えを投票していません:問題の画像に表示されているようにCSSが読み込まれています。 importコマンドは上記の質問と私がそれを指定するコメントにcssファイル内の唯一のコマンドであると言われています。 –

関連する問題