angular - 使用 DatePicker 无法加载资源错误

Question

我正在尝试使用 datepicker 我收到错误：

:3000/app/common/basic.html:1 加载资源失败：服务器响应状态为404（未找到）

zone.js:665 未处理的承诺拒绝：无法加载 app/common/basic.html ；区域：; 任务：Promise.then；值：无法加载 app/common/basic.html 未定义

日期选择器.ts

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

日期选择器.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'; }

标签： angularangular4-forms