问题标签 [gridsome]

我已按照以下说明在 Gridsome 上成功设置 TailwindCSS： https ://gridsome.org/docs/assets-css/#tailwind

但是，这些说明没有提到如何设置自动前缀。所以，我自己试了一下——如下：

• npm 安装自动前缀
• 修改了gridsome.config.js文件（请参阅下面的修改代码以及我更改的注释）
• 冉gridsome develop
• 将类添加flex到 ap以查看是否添加了任何供应商前缀。

结果...

没有什么。没有前缀（只有display: flex;）。

知道如何让它工作吗？

谢谢

修改 gridsome.config.js文件：

我正在使用 Airtable 模板和 Gridsome 来查询产品目录模板中的家具。在 AirTable 中，家具数据表有一个“设计师”属性，其值是创建家具的设计师的 id。我的想法是使用该 ID 值创建另一个查询并获取特定设计器的所有数据。设计师有自己的桌子，所以我的问题是。如何创建一个关系查询来获取“设计师”的 ID 和数据的路径？

我的 gridsome.config.js

索引.vue

组件/ProductCard.vue

模板/Designer.vue

非常感谢任何帮助！

我将此片段从Mozilla复制到Vue 组件中。

但是<textPath>没有显示，只有<path>渲染。

我尝试设置显式宽度、显示、溢出等，但无济于事。它的宽度和高度保持为 0x0。

这让我很难过，因为当不使用 Vue 时，相同的代码片段在其他选项卡中也可以使用。

澄清一下：我正在使用Vue & Gridsome。

我正在尝试使用 gridsome-plugin-firestore 插件（https://gridsome.org/plugins/gridsome-source-firestore）。我想使用该插件连接到一个名为 news 的简单 firestore 数据库集合。新闻有许多不同领域的文件：

• 内容
• 发布日期
• 概括
• 作者
• 标题
• 等等

有谁知道我应该如何设置 gridsome.config 文件以使用 gridsome-plugin-firestore 插件访问此集合？我无法从给出的说明中弄清楚。

我在启动项目模板上运行 Gridsome 时遇到了一些问题。该网站运行localhost没有问题。我试图npm install gridsome@latest更新或安装任何丢失的软件包。

Gridsome build 给我以下错误：

代码vue-meta.common.js:103:23如下var console = _global.console || {};所示：

重现步骤

从命令行运行 gridsome build。

环境

如果<page-query>在索引内使用是有效的，但是当我在组件内使用它时，我会收到“未定义边缘”的错误。有什么帮助吗？

如何为 Gridsome/vue.js 中的不同页面指定不同的背景颜色？我已经尝试过确定 css 的范围，但它不适用于body或html选择器。

我想构建一个适用于 json 或 YAML 文件的网格应用程序。

我想从 Vue 组件中获取位于“./data/”文件夹中的文件的值并保留 graphQL 数据层。换句话说，从文件中公开 graphQL 数据。

profile.json

配置文件

我想以这样的方式访问名称值：

或者

我要处理 @gridsome/source-filesystem 和 @gridsome/transformer-json 插件吗？或者也许在服务器中手动添加“数据”集合并为每个文件添加新节点？

我已经测试了两者并探索graphQL API返回错误：“位置0的JSON中的意外令牌<”

谢谢

我使用 Gridsome 建立了一个博客，到目前为止一切正常。要创建新帖子，我只需在文件夹中创建一个新的 Markdown 文件Post，它会自动呈现在前端。前端显示一个Blog.vue带有分页的基本页面，其中显示每个帖子的标题、作者、日期、可点击和自动生成的标签，还有一个“阅读更多”按钮，单击该按钮会将用户带到Post.vue显示博客文章的页面及其相关内容。我正在使用 graphQL 来显示每个帖子及其内容，以及使用的链接<page-query>（我不会在这里发布它，因为我不确定它是否相关）。

每个帖子都有一个降价文件，并且在每个 .md 文件的 YAML 标头中，我可以tags在我的 Vue 应用程序中放置类似于 twitter 主题标签的功能。单击后，用户将被定向到显示“所有已标记的帖子{标签名称}”的页面。这是通过将我的 Tag.vue 放在我的templates文件夹中并在页面上使用以下查询来完成的。

还使用...

Tags { id path }

.. 在<page-query>我的 Blog.vue 文件中

这是<page-query>我用来获取所有带有特定标签的帖子的方法。

这是我的 Tag.Vue

我正在尝试使用 YAML 标头变量 "author:" 做一些非常相似的事情，但是我遇到了麻烦，并且诚然不知道从哪里开始。

我试图Authors.vue在我的模板中添加一个文件夹，并制作一个类似的文件夹<page-query>，但我无法让它工作，但我想我可能走在正确的轨道上。

我希望有一个“作者”页面，它只显示一个样式化的作者列表，点击后，将显示所有用户的帖子，并允许用户点击博客文章上的作者姓名，并将指向此“作者”页面。

这是我的结构以供更好的参考。

感谢您花时间阅读。预先感谢您的回复。

我有一个类似 CMS 的系统，我可以在其中设计一个网站并将其发布到 S3 存储桶。该网站是使用 Gridsome 生成的。在这个 CMS 中，我想要在不重建和重新部署网站的情况下添加和删除组件（例如标题）的选项。

此外，我正在研究无头 CMS 系统和 Contentful，因此我可以在 Gridsome 网站中编辑和检索内容。我想要实现的是我可以编辑网站上的内容，而无需重建和重新部署网站。

我目前正在寻找 Contentful 或 GraphCMS 来解决内容部分，但它仍然不能解决在不重建/重新部署的情况下动态更改内容的问题。对于组件，我正在查看 Webpack 的代码拆分，但我仍然需要重建整个站点而不是修改后的组件。

这可行/可能吗？