Vue.js Gridsome在代码更改后丢失$page

我将gridsome与strapi一起使用。 在代码中进行任何更改后，当页面尝试重新呈现新更改时，会出现以下错误：

[Vue warn]: Error in render: "TypeError: Cannot read property 'strapi' of null"

我使用的代码是：

{{$page.strapi.recipes[0].Title}

查询：

<page-query>
query ($slug: String!) {
  strapi{
    recipes(where: {Slug: $slug}){
      Slug
      Title
      categories{
        Name
        Slug
      }
    }
  }
}
</page-query>

查询（$slug:String！）{
斯特拉皮{
配方（其中：{Slug:$Slug}）{
鼻涕虫
标题
类别{
名称
鼻涕虫
}
}
}
}

只有当我使用以下命令重新启动项目时，它才会再次加载数据：gridsome develope