angular - Argument av typen 'Request' kan inte tilldelas parametern av typen 'HttpRequest'

Jag är ny. Var snäll och tala enkelt.

I följande TypeScript-kod får jag detta fel i min metod sendRequest()...

Argument av typen 'Request' kan inte tilldelas parameter av typen 'HttpRequest'. Egenskapen 'body' saknas i typen 'Request'.

Jag har bifogat en bild av meddelandet. Någon som vet hur man fixar detta, tack? Ingen framgång på Google.

import { Movie } from "./movie.model";
import { Injectable } from '@angular/core';
import { RequestMethod, Request, Response } from '@angular/http';
import { HttpClient } from '@angular/common/http';
import { Observable } from "rxjs/Observable";
import "rxjs/add/operator/map";
import { Filter } from "./configClasses.repository";
import { Studio } from "./studio.model";

const studiosUrl = "/api/studios";
const moviesUrl = "/api/movies";

@Injectable()
export class Repository {
    private filterObject = new Filter();
    private movieData: Movie;

    constructor(private http: HttpClient) {
        //this.filter.category = "drama";
        this.filter.related = true;
        this.getMovies(true);
    }

    getMovie(id: number) {
        this.sendRequest(RequestMethod.Get, moviesUrl + "/" + id)
            .subscribe(response => { this.movie = response.json(); });
        //console.log("Movie Data Requested");
    }

    getMovies(related = false) {
        let url = moviesUrl + "?related=" + this.filter.related;
        if (this.filter.category) {
            url += "&category=" + this.filter.category;
        }
        if (this.filter.search) {
            url += "&search=" + this.filter.search;
        }
        this.sendRequest(RequestMethod.Get, url)
            .subscribe(response => this.movies = response);
    }

    getStudios() {
        this.sendRequest(RequestMethod.Get, studiosUrl)
            .subscribe(response => this.studios = response);
    }
    createMovie(mov: Movie) {
        let data = {
            name: mov.name, category: mov.category,
            description: mov.description, price: mov.price,
            studio: mov.studio ? mov.studio.studioId : 0
        };
        this.sendRequest(RequestMethod.Post, moviesUrl, data)
            .subscribe(response => {
                mov.movieId = response;
                this.movies.push(mov);
            });
    }
    createMovieAndStudio(mov: Movie, stu: Studio) {
        let data = {
            name: stu.name, city: stu.city, state: stu.state
        };
        this.sendRequest(RequestMethod.Post, studiosUrl, data)
            .subscribe(response => {
                stu.studioId = response;
                mov.studio = stu;
                this.studios.push(stu);
                if (mov != null) {
                    this.createMovie(mov);
                }
            });
    }

    replaceMovie(mov: Movie) {
        let data = {
            name: mov.name, category: mov.category,
            description: mov.description, price: mov.price,
            studio: mov.studio ? mov.studio.studioId : 0
        };
        this.sendRequest(RequestMethod.Put, moviesUrl + "/" + mov.movieId, data)
            .subscribe(response => this.getMovies());
    }
    replaceStudio(stu: Studio) {
        let data = {
            name: stu.name, city: stu.city, state: stu.state
        };
        this.sendRequest(RequestMethod.Put,
            studiosUrl + "/" + stu.studioId, data)
            .subscribe(response => this.getMovies());
    }

    private sendRequest(verb: RequestMethod, url: string,
        data?: any): Observable<any> {
        return this.http.request(new Request({
            method: verb, 
            url: url, 
            body: data
        })).map(response => {
            return response.headers.get("Content-Length") != "0"
                ? response.json() : null;
        });
    }

    updateMovie(id: number, changes: Map<string, any>) {
        let patch = [];
        changes.forEach((value, key) =>
            patch.push({ op: "replace", path: key, value: value }));
        this.sendRequest(RequestMethod.Patch, moviesUrl + "/" + id, patch)
            .subscribe(response => this.getMovies());
    }

    movie: Movie;
    movies: Movie[];
    studios: Studio[] = [];

    get filter(): Filter {
        return this.filterObject;
    }

    deleteMovie(id: number) {
        this.sendRequest(RequestMethod.Delete, moviesUrl + "/" + id)
            .subscribe(response => this.getMovies());
    }
    deleteStudio(id: number) {
        this.sendRequest(RequestMethod.Delete, studiosUrl + "/" + id)
            .subscribe(response => {
                this.getMovies();
                this.getStudios();
            });
    }
}

Svar #1

Nedan bör fungera :

private sendRequest(verb: RequestMethod, url: string,
    data?: any): Observable<Request> {
    return this.http.request(new Request({
        method: verb, 
        url: url, 
        body: data
    })).map(response => {
        return response.headers.get("Content-Length") != "0"
            ? response.json() : null;
    });
}

Svar #2

Använd "Http" i '@angular/http' på detta sätt (DETTA SÄTT ÄR FÖRÅLDRAT)

import { RequestMethod, Http, Request, Response } from '@angular/http';

INTE importera { HttpClient } från '@angular/common/http';

Ändring i konstruktorn till att vara:

constructor(private http: Http) {
    //this.filter.category = "drama";
    this.filter.related = true;
    this.getMovies(true);
}

källa: Angular.io -> api -> http -> Request

ELLER INTE FÖRÅLDRAD KAN DU GÖRA SÅ HÄR:

... konstruktor(private http:HttpClient) ...

  public get<T>(url: string, headers: object) {
    return this.http.get<T>(url, headers);
  }


  public post<T>(url: string, body: any, headers: object) {
    return this.http.post<T>(url, body, headers);
  }