类型错误：无法读取未定义的属性（读取“ɵcmp”）Angular

Question

我仅使用独立组件创建了一个自定义 ui 库，这是我的 public-api.ts 文件。

/*
 * Public API Surface of ih-ui-lib
 */

export * from './lib/ui-lib.service';
export * from './lib/ui-lib.component';
export * from './lib/ui-lib.module';

// Exporting components
export * from './lib/components/card/card.component';
export * from './lib/components/card/card-heading/card-heading.component';
export * from './lib/components/card/card-content/card-content.component';
export * from './lib/components/cards-responsive/cards-responsive.component';
export * from './lib/components/collapsible/collapsible.component';
export * from './lib/components/heading/heading.component';
export * from './lib/components/icon/icon.component';
export * from './lib/components/paragraph/paragraph.component';
export * from './lib/components/pill/pill.component';
export * from './lib/components/scrollbar/scrollbar.component';
export * from './lib/components/search/search.component';
export * from './lib/components/search/components/search-column/search-column.component';
export * from './lib/components/search/components/search-row/search-row.component';
export * from './lib/components/status-bar/status-bar.component';
export * from './lib/components/timeline/timeline.component';

这是一个组件的示例：

import { Component, Input, OnInit } from '@angular/core';
import { CommonModule } from '@angular/common';

@Component({
  selector: 'card',
  standalone: true,
  imports: [CommonModule],
  templateUrl: './card.component.html',
  styleUrls: ['./card.component.css']
})
export class CardComponent implements OnInit {

  @Input() classes: string = '';
  @Input() width: string = '';
  @Input() radius: string = 'sm';

  constructor() { }

  ngOnInit(): void {
  }

}

这是我添加到应用程序的 package.json 的方法

  "ui-library": "git+repo+url.git#branch",

我的 lib 根目录下还有 index.ts 文件，它只导出 public-api.ts 文件，这样我就可以从根目录访问它。

export * from './dist/ih-ui-lib/public-api';

我在我的应用程序中创建了一个新的独立组件，并尝试将该组件导入到我的应用程序中。

那就是我收到此错误的时候： 类型错误：无法读取未定义的属性（读取“ɵcmp”）

我使用的是角度 16。

我尝试使用模块作为组件，但仍然是一样的。 我尝试将独立组件导入到我的应用程序中的模块中，但它无法识别该组件。

Answer 1

您可能有循环导入，这使得无法实例化该类。

查找哪个方法的一种方法是使用

madge

:

npx madge --circular --extensions ts ./