解决此问题的方法是确保在访问@ViewChild时，子组件已经初始化并可用。您可以使用ngAfterViewInit生命周期钩子来确保在子组件初始化后执行相应的操作。

以下是一个示例代码，演示了如何解决这个问题：

父组件：

import { Component, ViewChild, AfterViewInit } from '@angular/core';
import { ChildComponent } from './child.component';

@Component({
  selector: 'app-parent',
  template: `
    
  `
})
export class ParentComponent implements AfterViewInit {
  @ViewChild(ChildComponent, { static: false }) childComponent: ChildComponent;

  ngAfterViewInit() {
    setTimeout(() => {
      console.log(this.childComponent); // 这里将会是 ChildComponent 的实例
    });
  }
}

子组件：

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

@Component({
  selector: 'app-child',
  template: `
    
子组件
  `
})
export class ChildComponent {}

在上述示例中，父组件使用@ViewChild装饰器来访问子组件，并在ngAfterViewInit钩子中执行相关操作。通过在setTimeout中运行代码，可以确保在子组件初始化后执行操作。

请注意，{ static: false }选项是必需的，以确保在ngAfterViewInit中能够正确访问@ViewChild。