у меня есть ошибка в Ts и Angular для root и .map

Question

Ошибка с .map и для Root (). когда я пытаюсь запустить эти две ошибки, которые я получаю, и это может быть из-за моего импорта. Может кто-нибудь, пожалуйста, помогите мне или свяжитесь со мной. Это angular и машинописный проект со списком дел с использованием Visual Studio. В списке завершенных элементов задач они будут иметь возможность удалять элементы задач. Любые элементы после даты выполнения будут выделены красным. Любые элементы, имеющие дату выполнения в настройках окна предупреждения, будут выделены желтым. Пользователь может отсортировать -добавить элементы списка по дате или описанию в алфавитном порядке (как c или des c). Пользователь может фильтровать элементы списка задач, указав один или несколько тегов. Пользователь может редактировать любые свойства, связанные с элементом задачи. Пользователь может Создание элемента задачи. Пользователь может перейти к списку завершенных элементов задачи. Предоставить представление настроек, в котором пользователь может указать следующие параметры. Параметр, задающий количество дней и часов для предупреждения о наступающих сроках исполнения

import ToDo from '../interfaces/todo';
import { Observable, of, from, } from 'rxjs';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { HttpClientModule } from '@angular/common/http';
import { Injectable } from '@angular/core';


import 'rxjs/add/operator/map';

@Injectable()
export class TodoService {

  api_url = 'http://localhost:3000';
  todoUrl = `${this.api_url}/api/todos`;

  constructor(
    private http: HttpClient
  ) { }


  createTodo(todo: ToDo): Observable<any> {
    return this.http.post(`${this.todoUrl}`, todo);
  }

  getToDos(): Observable<ToDo[]> {
    return this.http.get(this.todoUrl)
      .map(res => {
        return res["data"].docs as ToDo[];
      })
  }

  editTodo(todo: ToDo) {
    let editUrl = `${this.todoUrl}`
    return this.http.put(editUrl, todo);
  }

  deleteTodo(id: string): any {
    let deleteUrl = `${this.todoUrl}/${id}`
    return this.http.delete(deleteUrl)
      .map(res => {
        return res;
      })
  }

  private handleError(error: any): Promise<any> {
    console.error('An error occurred', error); // for demo purposes only
    return Promise.reject(error.message || error);
  }

}



import { NgModule } from '@angular/core';
import { HttpClientModule } from '@angular/common/http';
import { BrowserModule } from '@angular/platform-browser';
import { TodoService } from '../to-do/todo.service';
import { TestBed, async } from '@angular/core/testing';

import { TodoListComponent } from '../todo-list/todo-list.component';

describe('TodoListComponent', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [
        TodoListComponent
      ],
      imports: [
        BrowserModule,
        HttpClientModule,
        NgModule.forRoot()
      ],
      providers: [
        TodoService
      ]
    }).compileComponents();
  }));

  it('should create the app', async(() => {
    const fixture = TestBed.createComponent(TodoListComponent);
    const app = fixture.debugElement.componentInstance;
    expect(app).toBeTruthy();
  }));

  it(`should have as title 'app'`, async(() => {
    const fixture = TestBed.createComponent(TodoListComponent);
    const app = fixture.debugElement.componentInstance;
    expect(app.title).toEqual('app');
  }));

  it('should render a form control of todo title', async(() => {
    const fixture = TestBed.createComponent(TodoListComponent);
    fixture.detectChanges();
    const compiled = fixture.debugElement.nativeElement;
    expect(compiled.querySelector('input[name="title"]')).toBeTruthy();
  }));
});