エラー：最新のCLIおよび材料設計

Question

を使用した場合、アプリケーションモジュールに従うように私は、材料モジュールをインポートしています@NgModuleアノテーションを追加してください：

import { NgModule } from '@angular/core'; 
import { SharedModule } from 'app/shared/shared.module'; 
import { AppRoutingModule } from './app-routing.module'; 
import { 
    MdTooltipModule, 
    MdTabsModule, 
    MdSlideToggleModule, 
    MdIconModule, 
    MdDialogModule, 
    MdButtonModule, 
    MdListModule, 
    MdCardModule, 
    MdToolbarModule, 
    MdProgressSpinnerModule, 
    MdProgressBarModule, 
} from '@angular/material'; 


@NgModule({  
    declarations: [ 
    //..components 
    ], 
    imports: [ 
    BrowserModule, 
    BrowserAnimationsModule, 
MdTooltipModule, 
    MdTabsModule, 
    MdSlideToggleModule, 
    MdIconModule, 
    MdDialogModule, 
    MdButtonModule, 
    MdListModule, 
    MdCardModule, 
    MdToolbarModule, 
    MdProgressSpinnerModule, 
    MdProgressBarModule, 

    SharedModule, 
    AppRoutingModule, 
    ], 
    providers: [ 
    //.. 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

これは、各メリーモジュールについては、以下のようなエラーを与えます。また、Angular CLIとMaterialデザインも更新しました。私もMaterialModuleだけをインポートしようとしましたが、廃止予定です。

' EでMdTooltipModule：/Code/employee-web/node_modules/@angular/material/typings/index.d.ts' 予期しない値でERROR impor テッド・モジュールにより、Eの「AppModule： /Code/employee-web/src/app/app.module.ts '。 @NgModule アノテーションを追加してください。

どうすればこの問題を解決できますか？

Answer 1

あなたはまだそれがMaterialModuleが廃止予定されていると言うかもしれませんが、あなたはすべてのエラーを取得いけない

import {MaterialModule, MdNativeDateModule, MdButtonModule} from '@angular/material'; 

使用することができます。それはうまく動作します。

これらのエクストラモジュールをすべて共有モジュールにインポートし、インポートとエクスポートの両方で追加することができます。アプリモジュールやその他の機能モジュールの共有モジュールのみをインポートします。それはうまく動作します。

Answer 2

エラーは、インポートしたモジュールにMdTooltipModuleというモジュールがないことを示しています。つまり、'@angular/material'には、MdTooltipModuleモジュールがありません。インポートしたパッケージ内にそのフォルダに

外観は、フォルダをatnode_modulesし、そのパッケージをfindoutすべてexportedモジュール

の一部であり、私は

1以上スペルの間違いがあるかもしれないと思う私が見ると思うあなたは両方を輸入していますMdTooltipModuleおよびMdToolbarModule。インポートするすべてのものがモジュール内に存在することを確認してください。