ng serve display error of my angular project

Question

this is my app.component.html file:

   <div class="navbar navbar-default ">
      <div class="container">
        <div class="navbar-header">
          <a href="../" class="navbar-brand">Navigation-Angular</a>
          <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <div class="navbar-collapse collapse" id="navbar-main">
          <ul class="nav navbar-nav">

            <li>
              <a routerLink="help">Help</a>
            </li>
             <li>
              <a routerLink="about">About</a>
            </li> <li>
              <a routerLink="services">Services</a>
            </li>
          </ul>
        </div>
      </div>
    </div>

<div class="container">
  <router-outlet></router-outlet>
  </div>

this is services.component.ts file

import { Component, OnInit } from '@angular/core';
import { Http } from '@angular/http';
@Component({
  selector: 'app-services',
  templateUrl: './services.component.html',
  styleUrls: ['./services.component.css']
})
export class ServicesComponent  {

  constructor(private http:Http) { }

  ngOnInit() {
  }

  uploadFile(event)
  {
    let elem=event.target;
    if(elem.files.length>0)
  {
    console.log(elem.files[0]);
    let formData = new FormData();
    formData.append('file',elem.files[0]);
    this.http.post('http://localhost/php_for_angular/returnIt.php',formData).subscribe((data)=>{

      console.log('return data ',data);

    },(error)=>{
       console.log('error! ',error);
    });

  }
  }
}

This is app.router.ts file

import {ModuleWithProviders} from '@angular/core';
import {Routes,RouterModule} from '@angular/router';

import {AppComponent} from './app.component';
import {AboutComponent} from './about/about.component';
import {ServicesComponent} from './services/services.component';
import {HelpComponent} from './help/help.component';
export const router: Routes=[

{path:'',redirectTo:'about',pathMatch:'full'},
{path:'help',component:HelpComponent},
{path:'about',component:AboutComponent},
{path:'services',component:ServicesComponent}
];

export const routes:ModuleWithProviders=RouterModule.forRoot(router);

This is the error that i am getting during ng serve command:

ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,14): ',' expected.   
ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,25): ',' expected.   
ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,31): ';' expected.   
ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,37): ';' expected.  
ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,5): Cannot find name 'post'.  
ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,10): Cannot find name 'arg0'.  
ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,16): Cannot find name 'any'.  
ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,21): Cannot find name 'arg1'.  
ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,27): Cannot find name 'any'.  
ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,33): Cannot find name 'any'.   
ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (24,16): Cannot find name 'any'.
webpack: Failed to compile.

** After updating typscript and npm , it still causes error!**

ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,16): 'any' only refers to a type, but i s being used as a value here.

ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,21): Cannot find name 'arg1'.

ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,27): 'any' only refers to a type, but i s being used as a value here.

ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (22,33): 'any' only refers to a type, but i s being used as a value here.

ERROR in C:/angular_project/route-project/node_modules/@angular/http/src/http_module.d.ts (24,16): 'any' only refers to a type, but i s being used as a value here.