NGのバージョンの不一致エラーを取得する

Question

サーブNGやったとき、誰もが、なぜそれが来ているか、どのように私はそれを

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { DashboardComponent } from './dashboard.component'; 
import { RouterModule } from '@angular/router'; 
import { LineChartComponent } from './line-chart/line-chart.component'; 
import { BarChartComponent } from './bar-chart/bar-chart.component'; 
import {MatCheckboxModule,MatFormFieldModule} from '@angular/material'; 
export const routes = [ 
    {path:'',component:DashboardComponent}, 

] 
@NgModule({ 
    imports: [ 
    CommonModule, 
    RouterModule.forChild(routes),MatCheckboxModule, MatFormFieldModule 
    ], 
    declarations: [DashboardComponent, LineChartComponent, BarChartComponent] 
}) 
export class DashboardModule { } 

これを解決することができます教えてもらえます私はこの

ERROR in Metadata version mismatch for module /home/abhishek/projects/themeBootstrap4/node_modules/@angular/material/core/typings/index.d.ts, 
found version 4, expected 3,resolving symbol DashboardModule in /home/abhishek/projects/themeBootstrap4/src/app/pages/dashboard/dashboard.module.ts, 
resolving symbol DashboardModule in /home/abhishek/projects/themeBootstrap4/src/app/pages/dashboard/dashboard.module.ts 

のようなエラーを取得していますを提供私のダッシュボードモジュール

Answer 1

あなたのpackage.jsonを送ってください。既存のプロジェクトにアンギュラー4を使用してアンギュラマテリアルをインストールすると、バージョンミスマッチが発生します。角材料はバージョン5.0.0-rc0です。あなたの角をバージョン5にアップグレードする必要があります。ここではguideです。

npm install @angular/{animations,common,compiler,compiler-cli,core,forms,http,platform-browser,platform-browser-dynamic,platform-server,router}@'^5.0.0' typescript@2.4.2 rxjs@'^5.5.2' 

npm install typescript@2.4.2 --save-exact