问题标签 [gridsome]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
161 浏览

javascript - Gridsome/Netlify CMS 文档导致 Graphql 损坏

我无法按照 Gridsome 的文档使用 NeflifyCMS 设置 Gridsome

用于设置 Netlify config.yml 的片段

我去 Graphql Playground 并打开 Docs 选项卡并看到“allPost”查询,但是当我在其中查看时,“title”未被识别为 post 下的字段,但由于某种原因“belongsTo”是。如果您尝试查询“title”,您将收到错误“Cannot query field 'title' on type 'Post'”。

我不知道“belongsTo”来自哪里或如何解决它。这是 Netlify 错误还是 Gridsome 问题?

0 投票
2 回答
412 浏览

gridsome - 构建失败并出现 ReferenceError:未定义窗口

当我跑步时,gridsome build我得到

main.jsimport './gapi_client'在最上面。

我的环境:

一些问题:

  1. 为什么 gapi_client.js 引用窗口?

  2. 只有当 process.isClient 为真时才应该导入 gapi_client.js 吗?

我将 main.js 中的代码更改如下:

现在我的构建似乎通过了那一步但失败了

0 投票
1 回答
1011 浏览

image-processing - 无法让网格 g 图像适用于缩略图网格

这是用于首页。

我通过扫描一个充满图像的文件夹并创建节点,在 gridsome.server.js 中创建了一个图像集合,每个节点都包含图像的名称和路径:

在标题页中,我正在创建这些图像的 4x2 网格。

graphql 查询如下所示:

然后在我的 vue 页面组件中,我使用这样的图像

因此,集合创建得很好,我可以在页面中查询它们,但似乎根本没有调用 g-image 处理器。

我指定了“100”的宽度,我希望看到一个小图像网格 - 但它没有发生。基本上,生成的输出只是浏览器将它们缩小到大约 300 像素的“缩略图”(对于这个页面大小)。

任何想法表示赞赏。

0 投票
1 回答
226 浏览

api - Gridsome 和 hubspot 页面跟踪器集成

我是一名初级开发人员,最近开始接待客户。有人要求我将我创建的他们当前的网站与 hubspot 页面跟踪器集成。

我已经检查了他们的开发人员页面,它没有为 gridsome 而不是整个 SPA 提供具体说明。

我不知道在哪里嵌入提供的代码。

https://developers.hubspot.com/docs/api-/events/tracking-code

我的应用程序是一个 SPA,我正在使用 gridsome。

我的项目可以在https://github.com/chs242/ezras-nashim找到

我迷路了。如果有人能花时间提供一点帮助,我将非常感激

问候

0 投票
1 回答
931 浏览

yaml - YAMLSyntaxError:无法在 X 行 Y 列解析 SEQ_ITEM 节点:

尝试运行 Netlify CMS 时出现此错误

我检查了语法并尝试了不同的语法,但在config.yml文档中的某处我仍然得到相同的错误。

这是麻烦的 config.yml 文件:

这是我从https://drive.google.com/file/d/1OJPKJRgCljxAG5UuUxXkBPPNoUcyJe48/view?usp=sharing收到错误的文件的链接

0 投票
1 回答
541 浏览

vue.js - 为 gridsome 编写 markdown。对象数组可能吗?

我正在使用带有 Gridsome 的网站,并使用降价文件向网站提供内容。

我对降价的经验很少。虽然我并不真正了解 md 文件是如何工作的,但我设法通过一些教程让它工作,直到我开始将数组添加到 md 文件中,见下文。

我的问题是是否可以在降价文件中添加对象数组?如果是,我该怎么写?非常感谢!

0 投票
1 回答
331 浏览

gridsome - Gridsome g-image 标签的用途有限。你怎么看?

我正在使用 Gridsome 建立一个网站。我的网站有很多组件,然后我使用 g-image 标签。

根据文档,“src 属性和宽度、高度和质量等选项必须是静态值,因为它们被编译成一个包含 URL 和其他信息的对象,这些信息将呈现到 img 标签中。” 据我了解,我不能像这样使用标签(我可以,但使用标签不会有好处):

我理解对了吗?如果我是,我认为您可以使用标签的情况非常有限,尤其是当大多数人拥有某种 CMS 系统时。你的想法是什么,你的选择是什么?

0 投票
1 回答
1393 浏览

vuejs2 - VueJs:如何更改每个页面路由的 CSS 背景图像?

我可能使这比它需要的更复杂,但是有没有人知道如何为我的每个页面换出自定义横幅图像(当路由更改为索引页面以外的任何内容时)?我有插槽工作,但需要更改非索引横幅中的背景图像。这是我的代码:

App.vue并仅显示主页横幅:

非索引页面 ( About.vue) 示例:

非索引页面 ( Banner.vue) 的横幅组件。注意背景图像。如何为每个非索引页面换掉这个?现在为所有非索引页面显示背景图像。

顺便说一句,我也在使用 Gridsome ......所以如果还有一种简单的方法可以通过 GraphQL 访问页面数据,我也可以使用它。谢谢你的帮助 !

0 投票
1 回答
506 浏览

vue.js - 如何在 main.js 文件中获取 Gridsome Image 路径

我的网站缺少 og:image 标签,并且没有在 LinkedIn 上显示图片。解决方案是添加我添加的元标记,但是一旦项目构建和部署,图像的名称就会更改。

我正在寻找类似的东西,但是图像将被实际生成的图像路径替换为 g-image 中的图像路径

谢谢

0 投票
0 回答
172 浏览

javascript - Gridsome Build - ReferenceError: self is not defined

我正在尝试构建一个正在导入 web worker js 文件的网格项目,我相信这个问题与使用 self 和 webpack 有关。

是否有任何关于如何设置 Gridsome 的经验,以便我可以使用 web worker js 文件成功构建这个项目。

重现步骤

实际结果

在终端中运行 Gridsome 构建时,我收到以下错误 ReferenceError: self is not defined

环境

格点 0.7.14