我正在将第3方库(Fabric.Cashmere)集成到我的应用程序中。我根据其示例之一创建了一个组件来创建表。但是,当我加载页面时,看到错误“无法读取未定义的属性'isBrowser'”。
我检查了几条类似的SO帖子,它们涉及undefined
的属性未被读取。但是,他们的建议尚未对我有所帮助。继GitHub上最近发生的几个问题之后,我将tsconfig目标类型设置为“ es5”。
我以前可以使用该库;但是,旧项目不再可用。我还检查了文档,没有找到我错过的任何步骤。
组件模板
<div class="container p-3">
<table hc-table [dataSource]="dataSource">
<!-- Date Column -->
<ng-container hcColumnDef="date">
<th hc-header-cell *hcHeaderCellDef>Date</th>
<td hc-cell *hcCellDef="let interaction">{{interaction.date}}</td>
</ng-container>
<!-- additional columns defined -->
<tr hc-header-row *hcHeaderRowDef="displayedColumns"></tr>
<tr hc-row *hcRowDef="let row; columns: displayedColumns"></tr>
</table>
</div>
组件TS
@Component({
selector: 'patient-history',
templateUrl: './history.component.html',
styleUrls: ['./history.component.sass']
})
export class HistoryComponent implements OnInit {
ngOnInit() {
this.dataSource = new HcTableDataSource(this.source);
}
@Input() source: any[];
@Input() displayedColumns: string[];
private dataSource: HcTableDataSource<Interaction>;
}
该站点能够加载,仅不显示该组件,并且将错误消息记录到控制台。