path 不是 angular 中的模块 2

Question

我试图在我的 angular 2 应用程序中创建自定义组件。我的申请结构如下：

dept.component.html :

import {Component} from '@angular/core'

@Component({
selector : 'dept-sel',
templateUrl : './deptCom.component.html'
})
export class DeptComponent
{
    title = 'app1';
}

app.module.ts :

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import {DeptComponent} from './Departments/dept.component'


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

遇到编译错误，如在路径中找不到模块，如下图所示：

Answer 1

模板代码应该是dept.component.html in dept.component.ts

import {Component} from '@angular/core'

@Component({
selector : 'dept-sel',
templateUrl : './dept.component.html'
})
export class DeptComponent
{
    title = 'app1';
}

path 不是 angular 中的模块 2

path is not a module in angular 2

angular2-template

angular