Question

我正在创建一个名为headerComponent的组件并在app.component.ts中导入，但是获取website / src / app / header / app.headerComponent“'没有导出的成员'headerComponent'错误我的app.headerComponent.ts代码为as遵循

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 {
   }

Answer 1

您需要将组件添加到module.ts

import { headerComponent } from './header/app.headerComponent';

然后，

@NgModule({
  imports: [
  ],
  declarations: [
    headerComponent 
  ]

Answer 2

通过更新Typescript版本修复了类似的错误

“....没有导出的成员” - 导入组件中的错误（Angular）

2 个答案: