vue.js - 修改代码后 Gridsome 丢失 $page

Question

我正在使用带有strapi的gridsome。在代码代码发生任何更改后，当页面尝试重新呈现新更改时，我收到以下错误：

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

我使用的代码：

<h1>{{$page.strapi.recipes[0].Title}}</h1>

查询：

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

只有当我重新启动项目时，它才会再次加载数据：gridsome develop

标签： vue.jsgridsome