预览器提示：HarmonyOS 鸿蒙Next Preview check failed. View the check result.

预览器提示：HarmonyOS 鸿蒙Next Preview check failed. View the check result.

最近在学习多模块设计和媒体查询的时候，使用预览器进行效果预览，预览器显示不出来，这个是我的页面代码：

import { BreakPointSystem } from 'common'
import { MainPage } from 'homelibrary'
import { BasicConstants } from '../Constants/BasicConstants'
import { BreakPointConstants } from 'common'

@Entry
@Component
struct Index {
  @State message: string = 'entry index';
  //由于我们暴露的是一个类，所以我们必须要new一个实例出来，才能调用里面的方法
  private breakpointSystem = new BreakPointSystem();
  //private breakpointconstants = new BreakPointConstants();
  //为什么这里不用实例化就可以直接访问，在这个类中，我们都是创建的静态对象，但是在BreakPointSystem中，我们创建的都是实例化对象

  //解释
  //静态成员属于类本身，不需要实例化就可以访问，而实例成员属于类的每个对象，必须通过实例来访问。
  // 用户可能没有意识到BreakPointConstants中的CURRENT_BREAKPOINT是静态的，而BreakPointSystem中的方法是非静态的，所以需要实例化才能调用。

  //全局存储一下
  @StorageProp(BreakPointConstants.CURRENT_BREAKPOINT) currentBreakpoint: string = "sm"

  //刚进入界面时
  aboutToAppear(): void {
    //console.log(add(1,2)+"")
    this.breakpointSystem.register() //进入时，我们就注册监听器
  }

  //组件销毁时
  aboutToDisappear(): void {
    this.breakpointSystem.unregister() //结束时，我们就要解除绑定，内存有利于回收，不写这个可能会造成内存泄露
  }

  build() {
    RelativeContainer() {
      Text(this.message)
        .fontSize(BasicConstants.FONT_SIZE_LARGE)
        .fontWeight(FontWeight.Bold)

      Text(`当前屏幕的单位是：${this.currentBreakpoint}`)
      //EmptyView()
      MainPage()

    }
    .height(BasicConstants.FULL_WIDTH)
    .width(BasicConstants.FULL_HEIGHT)
  }
}

预览器提示检查失败Preview check failed. View the check result.