鸿蒙OS应用开发之每日一坑（Grid组件图片不显示问题）

问题描述：

        在使用Grid容器时，preview预览只有标题没有图片，图片不显示，如图：

排查解决过程：

        1.修改子组件图片内容，检查图片引用是否正确

@Builder grid_build(item:get_item) {
  Column({space:10}){
    Image(item.img) // =>修改为Image($r('app.media.love'))检查图片源
      .width(30)
      .height(30)
    Text(item.title)
      .fontSize(10)
      .fontWeight(FontWeight.Medium)
  }

2.删除数据，只留一组进行调试，结果离了个大谱，数据都被删掉了居然还有标题打印，最后发现不知道什么时候多出来一些.js和.js.map文件，搜索到一个大佬链接可以用插件删除这些文件，

附插件使用链接：https://blog.csdn.net/weixin_43807186/article/details/135440465?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522171293432616800225578010%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=171293432616800225578010&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-6-135440465-null-null.142^v100^control&utm_term=js.map&spm=1018.2226.3001.4187

：插件地址https://plugins.jetbrains.com/plugin/23192-arkcompilersupport/versions/stable

3.安装完插件后重启软件，重新preview预览，预览报错：the size of programs is expected to be 8, but is 7，这个问题之前碰到过，直接删除entry下的.preview文件夹，重新preview就完美解决了