“…没有导出的成员” – 导入组件中的错误(Angular)

发布时间：2020-12-17 17:09:29 所属栏目：安全来源：网络整理

导读：我正在制作一个名为headerComponent的组件并在app.component.ts中导入,但是获取website / src / app / header / app.headerComponent“’没有导出的成员’headerComponent’错误我的app.headerComponent.ts代码如下 import { Component } from '@angular/cor

我正在制作一个名为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 
  ]

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!