我正在制作一个名为headerComponent的组件并在app.component.ts中导入,但是获取website / src / app / header / app.headerComponent“’没有导出的成员’headerComponent’错误我的app.headerComponent.ts代码如下
import { Component } from '@angular/core'; @Component({ selector: 'header',templateUrl: './app/header/header.html' }) export class headerComponent {}
和app.component.ts代码如下
import { Component } from '@angular/core'; import { headerComponent } from './header/app.headerComponent'; @Component({ selector: 'app-root',templateUrl: './app.component.html',styleUrls: ['./app.component.css'] }) export class AppComponent { }
解决方法
您需要将组件添加到您的module.ts
import { headerComponent } from './header/app.headerComponent';
然后,
@NgModule({ imports: [ ],declarations: [ headerComponent ]