问题标签 [gridsome]

我正在开发一个 Vue / Gridsome 项目，想知道如何将变量从 a 中导出Page到它的 parent Layout。

这是我的页面代码：

如何导出自定义属性Author，例如？

我想在以下位置输出该属性Layout：

我正在开发一个使用 Vue / Gridsome 的项目，并且有一个关于将 config.json 文件导入 import './config.json' 文件的问题main.js。

config.json文件如下：

该main.js文件如下：

我是否需要安装一个解析 JSON 的插件才能读取这些属性，我将如何访问品牌价值作为示例？

我在我的应用程序中使用 vue-confetti 包，但它在构建时给出了以下错误，我想知道如何克服这个错误，如何让它只使用 Gridsome 在客户端呈现。

我刚刚开始了一个使用 gridsome 和 wordpress 的项目

我做了gridsome create project-name wordpress并且在运行 npm run develop 之后我得到了这个错误

我发现很多人有同样的问题，但没有实际的解决方法：/

我还创建了一个带有变量的 .env 文件，WORDPRESS_URL但错误仍然发生！

我没有任何实际代码要显示，因为我还没有真正开始编程！

编辑

该命令npx -p @storybook/cli sb init --type vue用于安装 Storybook，现在当我运行时gridsome develop，我收到一堆关于core-js.

该错误确实提供了通过专门安装每个错误来修复它的选项，但我认为这不是必需的（并且安装命令无论如何都不起作用）

在创建新项目时，我没有任何来自 Gridsome 提供的自定义 babel 配置，但是在进行了一些搜索之后，我尝试添加babel.config.js具有以下内容的文件：

然而，这似乎根本没有帮助这个问题。

我在 Github 上创建了一个复制问题的存储库：https ://github.com/denno020/storybookBreakingGridsome

谁能解释为什么 Storybook 会打破 Gridsome？

我正在做一个带有网格和 snipcart 的电子商务网站。问题是当我测试 snipcart 的结帐时它失败了。snipcart 文档说要添加一行

我将其添加到我的布局文件夹中的default.vue文件中。但是当我在构建后检查元素时，我在 DOM 中看到

不呈现 data-api-key 属性。根据snipcart的 [example][1]使用 vue-meta 将 api-key-data 注入到 main.js 中的标记中具有相同的结果：

snipcart 日志显示：

非常感谢让 snipcart 与 gridsome 一起工作的任何帮助。

更新： - 按照说明进行标记和仪表板设置如下，并部署到 netlify @ https://ecommerce-gridsome.netlify.com

> 日志中仍然出现错误：

我一直在探索将 Vue 用于 wordpress 前端，我遇到了很多不同的技术，比如 Nuxt.js、Gridsome、VuePress，它们有助于将网站创建为 SPA、SSR 或静态网站。我真的很喜欢这些想法，因为我想进入现代前端，而不是使用 WordPress 默认。所以我正在研究无头 WordPress。

经过一番研究，我觉得我有点喜欢 Gridsome 和 Wordpress，因为 Gridsome 通过在构建时编译来自 CMS 和模板的内容来帮助构建静态站点。

所以我有一个非常新手的问题，像 wordpress 这样的 CMS 每天都会被用户更新，更新页面，添加新帖子等，这是否意味着每次人们向 CMS 添加一些内容时你都需要构建网站？

我将使用 WordPress 构建一种内部门户网站，并且我想尝试 Vue，因此有了所有这些技术，我迷失了哪种框架最适合我的动态内容项目。

有什么建议或见解吗？谢谢。

我正在开发一个 Gridsome 应用程序（使用 Vue 构建的 SSG）。我添加了一个搜索页面，并使用自动完成小部件实现了 Algolia 即时搜索。

默认情况下，Gridsome 会延迟加载路由并在服务器端呈现页面，并且由于我使用的即时搜索组件不支持 SSR，因此我将其包装在一个<ClientOnly>组件中。

问题

当我导航到/search它需要一段时间才能渲染组件时，这是因为我立即导航到页面，执行获取内容的脚本会阻塞渲染直到完成。导致糟糕的用户体验。

编码

我想要的是

我希望仅在用户开始输入时进行查询，这样就不会阻止渲染。

您好，我很难通过 Gridsome 记录的方式在 Gridsome 中返回 api 端点。我认为这是因为返回的是纯 json 的 xml。

有没有人知道如何将这些数据放入 Gridsome 中的 graphql 层。这是返回适用于纯 json 的数据的记录方式，即https://jsonplaceholder.typicode.com/posts但不适用于http://balfourmanson.master.d8digital.com/umbraco/api/NewsAndEventsApi/getall

提前致谢

我必须从我的Gridsome应用程序中的 URL 读取查询参数。我有 2 个 URL 案例，其中一个是在我的应用程序中访问时，我的query密钥是空对象。{}this.$route.query

案例 1： -在查询参数开始之前https://app.com/forms/ads/?param1=one&param2=two有一个斜杠。/

案例 2： https://app.com/forms/ads?param1=one&param2=two -/在查询参数之前没有斜线。

当我访问this.$route.query这localhost两种情况时，我得到了param1and的值param2。

我的问题是当我将它推向生产时，案例 2返回一个空对象{}。