问题标签 [gridsome]

我是 Gridsome 和 GraphQL 的新手。但是我没有在这个项目中使用 GraphQL。我只有一个 Gridsome 项目设置和一些 JSON 数据，我正在尝试全局定义它，以便我可以从我的所有 Vue 页面和组件中访问它。（我知道它可以导入到组件中，但我正在寻找更多“网格方式”来做到这一点）。我已经完成了以下步骤来实现这一目标：

1) 为 Json 文件创建了一个文件夹：data/myJson.json. json文件：

2）我gridsome.server.js看起来像这样：

3）我正在index.vue页面中查询这些数据。

我可以在我的模板中访问这些数据。所以如果我做这样的事情

然后它工作得很好。

然而，我的问题是，我无法在 Vue 的data对象或方法等中访问这些查询的数据。所以是这样的：

给我一条错误消息，并告诉我$page没有定义。

任何介意我做错了什么？

在 Gridsome 中，如何将本地 markdown 文件添加到 GraphQL 层，以便将 graphql 添加到 vue 组件中？

在撰写本文时，用于从本地文件添加数据的 Gridsome 文档是空的。

我有一个网格项目，它使用 webpackchain 来配置 webpack（就像 vue-cli 一样）。我想在我的 scss 文件中安装 scss glob 管理。我使用import-glob-loader 我对 webpack 不是很熟悉，webpackchain 的语法让我有点困惑。

我尝试了类似的东西：

以及我在一些文档中找到的其他一些语法，但没有一个有效......

这里的任何线索都可以帮助我理解，感谢您的帮助！

所以我正在尝试使用 netlify 表单处理表单请求。一切正常，只是数据没有随表单一起发送。

所以这里是表格

现在，一旦提交表单，我就会按预期收到我的电子邮件，但我只得到表单密钥。我没有收到表单键值。

在我的本地开发中，当我将 console.logdata传递到编码方法时，它就在那里，所以我不明白为什么它不起作用。

使用 Gridsome，我想在布局组件中引用任何给定页面的 MetaInfo，如下所示：

在页面中，我确实定义了这样的元信息（并且确实正确填充了头部）

我已经建立了一个 gridsome 网站，但是当我尝试离线使用它时（通过直接将 index.html 加载到我的浏览器中），它无法加载 assets 文件夹中的文件，并且指向其他页面的链接失败

在 Windows 中运行：安装 gridsome 后，我执行了以下操作：

然后我进入文件资源管理器并打开 sample/dist 目录并双击 index.html（Chrome 是我的默认浏览器，但 IE 的行为相同）

结果是一个半加载的网页缺少样式表、javascript、图像和链接被破坏。

例如，第一页上的“about”链接指向“D:/about”与“.\about.html”。

有没有办法让 gridsome 工作来创建一个真正的离线网站？

我在 VueJS/Gridsome 中弄湿了我的脚，我正在尝试制作一个简单的网站来开始。我要做的是将所有数据本地存储在 JSON 文件中，并使用 GraphQL 将其拉入我的页面/组件中。我能够看到数据加载，但是我无法遍历每个对象；相反，它向我显示了所有数据。

我尝试改变布局 JSON 对象模式的方式，尝试分离成多个 json 文件（不想这样做）并使用不同的 v-for 参数。在 Gridsome Docs 和 Youtube 教程中，每个人都从 markdown 中提取并从每个 markdown 文件或使用某种 API 生成页面。我想在单个 JSON 文件中完成此操作。

视频.json

GraphQL 查询

GraphQL 结果

视频.vue

页面结果：

我希望每个视频条目都有一个 ID，但是数据收集似乎在错误的范围内，我无法将它提升到一个级别，以便使用 ID 为每组视频生成一个 ID。

我正在寻找能给我这个查询结果的东西：

我已经根据他们的 Gridsome 教程实现了 auth0 Vuejs，它在开发中运行良好。但是，当我运行gridsome build构建失败时，因为window在服务器上下文中未定义。

我在 Auth0-js lib 中发现了一些问题，声称 Auth0 只应在客户端使用，但是，由于 Gridsome 的工作方式，我似乎无法找到仅加载 Auth0-js 的方法客户端。

Gridsome 有 main.js，我将在其中添加插件，并在其中定义身份验证路由。

主.js

基于 Gatsbyb.js auth0 implementation tutorial，我尝试将 auth0-js 从 webpack 加载中排除null-loader

gridsome.config.js

我很想了解如何使用 Gridsome 仅在客户端上下文中包含和加载 Auth0

我最近遇到了 Gridsome 作为在 Vue 中构建静态站点的解决方案，当我运行构建来测试它时，我检查了所有正在生成的 HTML 文件，我注意到它们引用了 Vue.js脚本。

我假设 Gridsome 会将所有 vue 编译成静态 html/css/js，所以我无法弄清楚即使在 dist 构建中也需要加载 Vue.js 框架。

我无法访问primaryTagGraphQL 中的变量page-query。

我想要实现的是在博客帖子页面上：

• 显示帖子内容
• 显示相关帖子（基于第一个标签）

在我的gridsome.server.js

然后在我的Post.vue

不幸的是，我收到以下错误：`非空类型“String！”的变量“$primaryTag” 不能为空。

另外，作为旁注（这可能是错误问题），我正在使用@gridsome/source-filesystem并@gridsome/transformer-remark创建我的Post收藏。

如果您知道如何解决此问题或有更好的方法来获取相关帖子，请在下面发表评论。

库：-gridsome 版本：0.6.3 -@gridsome/cli 版本：0.1.1`