问题标签 [gridsome]

我有一个使用 GraphQL 后端运行的 Vue.js 应用程序，并将 Gridsome 作为 Vue.js 样板生成器。

我正在尝试编写一个 GraphQL 查询以仅返回登录用户的数据，如下所示：

使用此处定义的 $test 变量：

但我收到此错误消息：

这是一个 Girdsome页面，而不是模板

当我构建（netflify 构建）我的 Gridsome 个人网站时，tailwind CSS 类不起作用，网站看起来就像没有 CSS。

我已经尝试在没有 git 的情况下构建，重新安装 tailwind ......

如果这是问题，我会显示我的网格配置：

我即将部署一个静态的 Gridsome 网站。目前整个站点在 gzip 压缩之前重 518KB（包含自托管、大幅子集字体、缩小的内联 SVG 等）。我知道这已经不是有史以来最庞大的网站了。

运行 Chrome 的代码覆盖工具，app.js 的 88561 字节（总共 181166 字节）没有被使用。这几乎是文件的 50%。那是……很多。

除了 Gridsome，我没有其他依赖项，而且我自己的 JavaScript 代码也很轻量。所以我假设大部分权重来自 Vue.js 或 Gridsome。Gridsome 已经在后面使用了 Webpack 4，所以我认为它做了很多剥离，但我仍然很烦恼。

有什么我可以做的吗，或者这只是不可避免的吗？我是否需要编写整个香草来绕过这种膨胀？

提前致谢 ：）

谢谢阅读！

我正在尝试在我的 Gridsome Directus 项目中显示子页面。

我在模板目录中有一个 Shop.vue 模板。

我正在使用@pienter/gridsome-source-directus并尝试过 gridsome-source-directus。

下面的代码是我添加的。到目前为止，我在网上找不到任何可以帮助解决问题的东西，而且我在文档中也没有看到任何可以帮助我的东西。

一些gridsome.config.js

我有一个基于 Gridsome 的博客，现在我正在尝试添加评论。我想避免使用 Disqus，所以我尝试使用 Commento。不幸的是，我似乎无法让它工作。我已将 ID 为 commento 的 div 添加到我的博客页面模板中：

并将链接添加到我的元信息中。

当我检查页面代码时，它看起来还不错，但 Commento 评论的东西永远不会呈现。还有什么我需要做的吗？

gridsome develop执行命令时，我不断收到 Gridsome 启动器的错误。

到目前为止，我已经尝试了 Grisdome 推荐的默认启动器，现在是 Contentful Starter，并且错误不断出现在终端中。

这是我在使用 Contentful 启动器时遇到的错误：

这是默认启动器的错误：

目前我一直在VueJS的内联CDN版本中使用此代码，它工作正常，但是当我将它添加到gridsome时，动画上的单击事件以打开幻灯片不起作用。

我查看了页面输入的动画正在工作，但我不确定如何处理组件动画。

动画在 Gridsome 中有效吗？

我必须将存档小部件添加到基于 Gridsome（Wordpress 作为数据源）的博客中。像这样的标准功能：

我用静态查询获取帖子：

接下来在按月挂钩上，我按年和月将数据分组到这样的输出：

我使用标准 v-for 循环语法生成了小部件链接结构，但是示例路由，例如：“ http://localhost:8080/blog/2018 ”、“ http://localhost:8080/blog/2018/19 ”到404页面。我尝试通过添加以下内容来修改 gridsome.config.js：

它导致错误：

如何在 Gridsome 中启用存档路由以按年和年/月过滤博客文章？

是否有可能直接从 graphQL 查询中按日期和年份对帖子进行分组，而无需进一步的 js 操作？

I'm trying to use GraphQL to query an unstructured array with objects in Gridsome. It is currently looking very messy and it feels like there should be a better way to do this.

The data that gets loaded into GraphQL from the CMS looks like this:

As you can see the objects in page_builder will have different fields depening on how the client is building this section.

When I try to query this in GraphQL. It will become very messy:

Is there a way to organize this fields by type and only return the fields of this specific type?

我正在尝试使用一个 graphql 查询来获取博客文章所需的所有信息。我正在使用gridsome和storyblok。为此，我正在使用这个插件。

第一个查询使用 ID 加载来自特定博客文章的所有内容，但不加载嵌套数据，如类别或作者。

例如：

当我测试 ID 为“story-3850216-default”的查询时，我得到以下结果：

我应该怎么做，以便立即加载作者和类别的值？

我的背景来自普通的 REST-API，现在我有点不知所措。