问题标签 [gridsome]

我使用与 Netlify 一起部署的 Gridsome 创建了一个新站点，但在访问时我无法显示该站点。相反，Netlify 说：

网页未找到

您似乎访问了一个损坏的链接或输入了该站点上不存在的 URL。

<返回我们的网站

我尝试根据我正在使用的 Gridsome 入门模板的创建者的说明更新我的构建设置，但该站点仍然没有显示。我还更新了 js-yaml 版本。

我已经在这里完成了类似问题的问题/答案，但我无法弄清楚这一点。我是 Web 开发的新手，我确信我错过了导致该问题的一件或多件事情。

我在这个网站的 GitHub 存储库。

该网站。

我有来自 Netlify 的构建日志。其中有一些错误。我不想在这里放太多，所以这里是日志末尾的一部分。

整个构建日志的要点。

跑步时gridsome build我得到window is not defined. 任何人都有一个使 vue2-leaflet与 gridsome 的客户端唯一选项一起工作的例子吗？

我正在尝试将https://github.com/johndatserakis/vue-navigation-bar导入到我的 Gridsome 项目中，但收到错误消息：

“未找到模块：错误：空依赖项（无请求。）”

我试过改变我导入组件的方式，但没有运气。我也试过 yarn install 以防有什么遗漏。

我希望看到一个导航栏。

我正在使用 gridsome，它从空气表中提取数据。我有一个名为 Nouns 的表，它具有自引用层次结构（任何名词都可以是任何其他名词的父级或子级）。我只在 airtable 中定义了父母，并想为单个详细视图（Noun.vue）编写一个 graphql 查询，以查找所有将当前列为父母的名词。

我曾尝试使用过滤器，但无法弄清楚如何正确过滤嵌套对象。查询如下所示：

和标记

我不确定我在这里做错了什么，但继续收到此错误：Error: Field "contains" is not defined by type NounFilterIdFilter.

我正在使用 Loadbalancer 在 Google Cloud Storage Bucket 上设置一个静态站点。该站点使用 Gridsome 生成，然后 dist 文件夹保存在存储桶中。

我已经在 [documentation] 中使用 gsutil 设置了索引和错误：https ://cloud.google.com/storage/docs/gsutil/commands/web

现在我面临一个问题，即每个用于访问子目录的 url 如何被重定向到 dir/index.html。这是期望的行为， dir/index.html 页面甚至存在于存储桶中。但我仍然得到 404 - 未找到。

如果我对 url subdir/index.html 进行 curl 我会得到 HTML

我想在我的 Gridsome 项目中使用 Tailwinds 应用功能。但是会抛出错误，即无法找到来自 tailwind 的 css 类。

重现步骤：

1) 创建新的 Gridsome 项目

2）安装tailwind插件 Github页面 Npm页面

3）在assets文件夹中创建css文件并在main.js中导入

4）在css文件中创建css类

5) 在带有尾风组件的 css 中使用 @apply

没有任何反应... css 文件已正确导入，因为应用了正常的 css 某些元素（如 rounded）似乎太有效，但其他元素（如 bg-blue-500）则不适用。

我正在使用 Gridsome 创建一个网站，并且我正在使用该gridsome-plugin-pwa插件。在设置 service-worker 时，它返回一个 bad-precaching-response 错误。

这是我第一次实现这个插件，我试图重建项目，但我仍然收到错误。

下面是我导入插件的部分 gridsome.confid.js 文件。

这是自动生成的 service-worker：

这是控制台错误：

回购链接：https ://github.com/Matthew-Kanderka/hummingbird-Airsoft-Web/tree/develop

我的 div.content 中有一个示例文本

我想得到这样的所有字符串：

从此文本中替换它们为链接 a

并插入一个html标签

我正在使用那个正则表达式

在 Gridsome 中，我基本上是在寻找 Vue 的嵌套路由功能（或 Nuxt 的子视图）来实现类似 /:userId/profile 和 /:userId/posts 之类的东西。而且由于 Gridsome 使用 Vue 路由器，我相信应该有办法实现这一点

让我试着解释一下我想用 Gridsome 构建什么：

在mywebsite.com/我想显示一个图像网格，显示我的视频作品集的缩略图。然后，当您单击缩略图时，我希望弹出一个显示视频的模式。模式是半透明的，在背景中显示投资组合。到现在为止还挺好。

但是为了让人们能够分享相应视频的 URL，我需要更改路径mywebsite.com/video-1等等。当我然后关闭模式时，路径应该mywebsite.com/再次出现。这是我在 Nuxt 中使用<child-view>.

Gridsome 中是否有类似的功能？我感谢您的帮助。

我正在尝试为Gridsome 为我自动生成的路由指定一个元对象，如下所示：

但是在 Gridsome 中没有一个普通的 routes/index.js 文件——只有一个在 index.js 中像这样暴露的路由器对象：

如何进入路由器并将元数据添加到我要修改的特定路由？