Ошибка при загрузке ресурса с помощью DatePicker

Question

II пытается с помощью DatePicker, я получаю сообщение об ошибке:

: 3000 / app / common / basic.html: 1 Не удалось загрузить ресурс: сервер ответил со статусом 404 (НеНайдено)

zone.js: 665 Необработанное Отклонение обещания: Не удалось загрузить app / common / basic.html;Зона:;Задача: Promise.then;Значение: не удалось загрузить app / common / basic.html undefined

datepicker.ts

 import { Component } from '@angular/core';      
 @Component({
  selector: 'demo-datepicker-basic',
  templateUrl: './basic.html'
})
export class DemoDatepickerBasicComponent {}

datepicker.ts

<div class="row">
    <div class="col-xs-12 col-12 col-md-4 form-group">
      <input type="text"
             placeholder="Datepicker"
             class="form-control"
             bsDatepicker>
    </div>
    <div class="col-xs-12 col-12 col-md-4 form-group">
      <input type="text"
             placeholder="Daterangepicker"
             class="form-control"
             bsDaterangepicker>
    </div>
  </div>

app.module.ts

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent }  from './app.component';
import{DemoDatepickerBasicComponent} from './common/datepicker'

@NgModule({
  imports:      [ BrowserModule],
  declarations: [ AppComponent,DemoDatepickerBasicComponent ],
  bootstrap:    [ AppComponent ]
})
export class AppModule { }

app.component.ts

import { Component } from '@angular/core';
import{DemoDatepickerBasicComponent} from './common/datepicker'
@Component({
  selector: 'my-app',
  template: `<h1>Hello {{name}}</h1><demo-datepicker-basic></demo-datepicker-basic>`,
})
export class AppComponent  { name = 'Angular'; }