角度2中找不到模块

时间:2018-01-01 09:26:47

标签: angular

我是角色2的新手。我创建了一个自定义组件,甚至在app.module.ts中注册了 找到我的文件夹结构:

enter image description here

emp.component.ts:

import {Component} from '@angular/core'

@Component({
selector:'emp-tag',
templateUrl:'./Employee/emp.component.html'
})
export class EmployeeComponent
{
    title : 'This is Employee Component';
}

emp.component.html:

Hai {{title}}

在app.module.ts文件中注册,如下所示:

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

import { AppComponent } from './app.component';
import {EmployeeComponent} from './Employee/emp.component'

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

当我使用ng server --open运行我的应用程序时,我面临编译时错误,因为在命令提示符窗口中找不到模块,如下图所示

enter image description here

从我的文件夹结构中,我在app.module.ts文件中给出了正确的路径。

2 个答案:

答案 0 :(得分:3)

只需按如下方式更改路径,因为您位于同一文件夹

<强> templateUrl:'./emp.component.html

完整代码

@Component({
selector:'emp-tag',
templateUrl:'./emp.component.html'
})
export class EmployeeComponent
{
    title : 'This is Employee Component';
}

答案 1 :(得分:1)

<强> emp.component.ts

使用

templateUrl:'./emp.component.html' 

而不是

templateUrl:'./Employee/emp.component.html'