HarmonyOS 鸿蒙Next虚拟机显示问题

HarmonyOS 鸿蒙Next虚拟机显示问题 运行后界面一片空白，但是在dev中previewer显示是正常的 这是代码

import MainViewModel from '../pages/GridData'
import ItemData from '../pages/GridItem'

@Entry
@Component
struct Setting{

  build(){
    Grid(){
      ForEach(MainViewModel.getFirstGridData(),
        (item:ItemData)=>{
          GridItem(){
            Column(){
              Image(item.img)
                .width(50)
                .height(50)
              Text(item.title)
                //.width(15)//设置宽反而不好排列
                .height(30)
            }
            .justifyContent(FlexAlign.Center)//对其方式
            //.alignItems(HorizontalAlign.Center)

          }
          .backgroundColor('#FFFAFA')
          .height(100)
          .width(80)
          .borderRadius(10)
        },
        item=>JSON.stringify(item)//生成数组项的键值
      )
    }
    //.rowsTemplate('1fr 1fr 1fr')//行数
    .columnsTemplate('1fr 1fr 1fr 1fr')//列数
    .rowsGap(10)//行宽
    .columnsGap(15)//列宽
    .backgroundColor('#FFF5EE')
    .height(220)
    .borderRadius(20)
  }
}

GridData

import ItemData from '../pages/GridItem'


export class MainViewModel{
  //定义方法
  getFirstGridData():Array<ItemData>{
    //定义数组用来存放网格数据
    let firstGridData:ItemData[]=[
      new ItemData($r('app.string.grid_wind'),$r('app.media.wind')),
      new ItemData($r('app.string.grid_water'),$r('app.media.water')),
      new ItemData($r('app.string.grid_rock'),$r('app.media.rock')),
      new ItemData($r('app.string.grid_ray'),$r('app.media.ray')),
      new ItemData($r('app.string.grid_ice'),$r('app.media.ice')),
      new ItemData($r('app.string.grid_grass'),$r('app.media.grass')),
      new ItemData($r('app.string.grid_fire'),$r('app.media.fire')),

    new ItemData($r('app.string.Expression_package_paimeng_surprise'),$r('app.media.paimeng_1')),
    new ItemData($r('app.string.Expression_package_paimeng_pampered'),$r('app.media.paimeng_2')),
    new ItemData($r('app.string.Expression_package_leishen_Drawing_blade'),$r('app.media.leishen_1'))
    ];
    return firstGridData;
  }
}
export default new MainViewModel();

GridItem

export default class ItemData{
  title:Resource;
  img?:Resource;
  others?:Resource;

  constructor(title:Resource,img?:Resource,others?:Resource) {
    this.title=title;
    this.img=img;
    this.others;
  }
}

这是显示是这样