PrimeNG 日历表单组件错误：无法在“Window”上执行“getCompulatedStyle”：参数 1 不是“Element”类型

Question

使用PrimeNG的日历表单组件时，点击日历表单后立即出现以下错误：

错误截图

错误不是来自我的任何文件，我一直在谷歌搜索，但无法弄清楚发生了什么。它说“参数 1 不是‘元素’类型”，但我并没有试图将任何东西传递给其他东西。与日历表单的任何交互都会发生该错误。基本上，它将它呈现到屏幕上，并在表单中显示今天的日期，当我单击它时，整个日历会像这样展开：

日历表格截图

但是对于每次交互，控制台中都会出现相同错误的另一个实例。我是 Angular 的新手，所以我对这个感到有点沮丧！

提前非常感谢！

日历.组件.ts：

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

@Component({
  selector: 'app-calendar',
  templateUrl: './calendar.component.html',

})
export class CalendarComponent implements OnInit {  

  fromDate: Date = new Date;
  toDate: Date = new Date;

  ngOnInit(): void {}

}

calendar.component.html：

<label for="fromDate">Choose start date: </label>
<p-calendar [(ngModel)]="fromDate" dateFormat="dd/mm/yy"></p-calendar>
<label for="toDate"> Choose end date: </label>
<p-calendar [(ngModel)]="toDate" dateFormat="dd/mm/yy"></p-calendar>

Answer 1

我遇到了同样的错误。 我的解决方法是添加这些指令，因为我的组件使用的是 ShadowDom 封装。 https://github.com/maitrungduc1410/primeng-shadowdom-directives

这看起来不像您的组件的情况，但它可能对其他人有帮助！