无法读取ChartJS和Angular的undefined属性'nativeElement'

Question

我会在页面中显示一个图表，这样我就有了这样的流程

export class RootIndicatorComponent implements OnInit, AfterViewInit {

  @ViewChild('myChart') myChart:ElementRef;
  myChartBis: Chart;


ngAfterViewInit() {
  this.setChartValues();
}

在setChartValues中，我创建图表元素

const ctx = this.myChart.nativeElement.getContext('2d');
this.myChartBis = new Chart(ctx, {
  type: 'line',
  data: {
  ....

在HTML文件中

<div class="position-relative pt-2">
  <canvas  #myChart></canvas>
</div>

我得到错误     错误TypeError：无法读取未定义的属性'nativeElement'

读取相似的线程后，我试图在div上添加条件

<div *ngIf="myChart"  class="position-relative pt-2">
  <canvas  #myChart></canvas>
</div>

但是我仍然遇到相同的错误