问题标签 [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.
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 问题?
gridsome - 构建失败并出现 ReferenceError:未定义窗口
当我跑步时,gridsome build
我得到
我main.js
的import './gapi_client'
在最上面。
我的环境:
一些问题:
为什么 gapi_client.js 引用窗口?
只有当 process.isClient 为真时才应该导入 gapi_client.js 吗?
我将 main.js 中的代码更改如下:
现在我的构建似乎通过了那一步但失败了
image-processing - 无法让网格 g 图像适用于缩略图网格
这是用于首页。
我通过扫描一个充满图像的文件夹并创建节点,在 gridsome.server.js 中创建了一个图像集合,每个节点都包含图像的名称和路径:
在标题页中,我正在创建这些图像的 4x2 网格。
graphql 查询如下所示:
然后在我的 vue 页面组件中,我使用这样的图像
因此,集合创建得很好,我可以在页面中查询它们,但似乎根本没有调用 g-image 处理器。
我指定了“100”的宽度,我希望看到一个小图像网格 - 但它没有发生。基本上,生成的输出只是浏览器将它们缩小到大约 300 像素的“缩略图”(对于这个页面大小)。
任何想法表示赞赏。
api - Gridsome 和 hubspot 页面跟踪器集成
我是一名初级开发人员,最近开始接待客户。有人要求我将我创建的他们当前的网站与 hubspot 页面跟踪器集成。
我已经检查了他们的开发人员页面,它没有为 gridsome 而不是整个 SPA 提供具体说明。
我不知道在哪里嵌入提供的代码。
https://developers.hubspot.com/docs/api-/events/tracking-code
我的应用程序是一个 SPA,我正在使用 gridsome。
我的项目可以在https://github.com/chs242/ezras-nashim找到
我迷路了。如果有人能花时间提供一点帮助,我将非常感激
问候
yaml - YAMLSyntaxError:无法在 X 行 Y 列解析 SEQ_ITEM 节点:
尝试运行 Netlify CMS 时出现此错误
我检查了语法并尝试了不同的语法,但在config.yml
文档中的某处我仍然得到相同的错误。
这是麻烦的 config.yml 文件:
这是我从https://drive.google.com/file/d/1OJPKJRgCljxAG5UuUxXkBPPNoUcyJe48/view?usp=sharing收到错误的文件的链接
vue.js - 为 gridsome 编写 markdown。对象数组可能吗?
我正在使用带有 Gridsome 的网站,并使用降价文件向网站提供内容。
我对降价的经验很少。虽然我并不真正了解 md 文件是如何工作的,但我设法通过一些教程让它工作,直到我开始将数组添加到 md 文件中,见下文。
我的问题是是否可以在降价文件中添加对象数组?如果是,我该怎么写?非常感谢!
gridsome - Gridsome g-image 标签的用途有限。你怎么看?
我正在使用 Gridsome 建立一个网站。我的网站有很多组件,然后我使用 g-image 标签。
根据文档,“src 属性和宽度、高度和质量等选项必须是静态值,因为它们被编译成一个包含 URL 和其他信息的对象,这些信息将呈现到 img 标签中。” 据我了解,我不能像这样使用标签(我可以,但使用标签不会有好处):
我理解对了吗?如果我是,我认为您可以使用标签的情况非常有限,尤其是当大多数人拥有某种 CMS 系统时。你的想法是什么,你的选择是什么?
vuejs2 - VueJs:如何更改每个页面路由的 CSS 背景图像?
我可能使这比它需要的更复杂,但是有没有人知道如何为我的每个页面换出自定义横幅图像(当路由更改为索引页面以外的任何内容时)?我有插槽工作,但需要更改非索引横幅中的背景图像。这是我的代码:
App.vue
并仅显示主页横幅:
非索引页面 (
About.vue
) 示例:
非索引页面 (
Banner.vue
) 的横幅组件。注意背景图像。如何为每个非索引页面换掉这个?现在为所有非索引页面显示背景图像。
顺便说一句,我也在使用 Gridsome ......所以如果还有一种简单的方法可以通过 GraphQL 访问页面数据,我也可以使用它。谢谢你的帮助 !
vue.js - 如何在 main.js 文件中获取 Gridsome Image 路径
我的网站缺少 og:image 标签,并且没有在 LinkedIn 上显示图片。解决方案是添加我添加的元标记,但是一旦项目构建和部署,图像的名称就会更改。
我正在寻找类似的东西,但是图像将被实际生成的图像路径替换为 g-image 中的图像路径
谢谢
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