问题标签 [gridsome-plugin]

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.

0 投票
1 回答
240 浏览

graphql - Gridsome source-filesystem 添加标签描述

我正在使用@gridsome/source-filesystem这个配置:

现在我只想添加description 一个标签,所以我在以下位置创建了一个新文档content/posts/my-tag.md

如何将此文档连接到allTags集合?

或任何其他方式(例如,没有@gridsome/source-filesystemfor Tags)添加description到存在nodecollection?

0 投票
1 回答
129 浏览

markdown - Gridsome如何使用源文件系统在markdown中呈现链接图标?

在gridsome.config.js中使用 Gridsome 的源文件系统插件:

我能够正确呈现我的降价标题:

呈现为:

但插件文档或Gridsome下没有任何内容提及如何实际允许呈现或附加链接图标/如何修改aria-hiddenfalse.

在 Gridsome 中,如何将降价标题呈现为可点击的链接,并显示跨度图标?

0 投票
2 回答
231 浏览

gridsome - 使用源文件系统插件时是否可以在 gridsome 中使用嵌套文件夹?

我想要的内容文件夹结构如下:

理想情况下,我希望将其定义为@gridsome/source-filesystem插件的单个“源”,以便将来添加的子文件夹会自动填充到源中。

但是,看来我可能必须@gridsome/source-filesystem为每个子文件夹手动指定一个单独的源?这是正确的,还是有某种解决方法?

例如:

  • 如何为所有使用typeName类型(即模板页面)Trip但在其各自的父目录中托管每个页面的旅行帖子(无论旅行 A、B、C 或将来的旅行 D)创建通用源,例如/tripA/day_1.html/tripB/day_1.html等等?pathPrefix除非有办法使用动态通配符路由,否则配置似乎只需要一个?
  • 如何使用不同的类型?source-filesystem在这里创建一个具有不同的单独条目似乎是有意义的typeName,除非有另一种方法可以做到这一点?
0 投票
1 回答
116 浏览

vue.js - Gridsome:如何仅为单个页面添加 Vue.use(MyPlugin)?

我在所有页面上显示Vue.use(ReCaptcha, {some options})的 Gridsome中添加了 ReCaptcha 插件。main.js

如何仅在 gridsome 中为特定页面添加插件?

0 投票
1 回答
52 浏览

vue.js - 如何为 Gridsome 使用自定义 Transformer?

我有一个专有文件格式,我想在我的 Gridsome 网站中使用,每个文件都会生成一个新页面。据我了解,这正是您可以使用 Transformer 的目的。但是,我正在使用的文件类型的转换器不存在插件。是否可以创建自己的 Transformer 供私人使用?

我首先尝试简单地添加source-filesystem插件,但这给了我错误:No transformer for 'application/myformat' is installed.

我发现没有文档可以做类似的事情,这让我感到惊讶,因为它看起来一定是一个相当常见的用例。有人知道这样做的方法吗?

0 投票
0 回答
84 浏览

typescript - 为什么 gridsome-plugin-typescript 会导致 UnhandledPromiseRejection 警告?

我无法让打字稿在我的网格应用程序中工作。我gridsome develop在安装 typescript 之前跑了一遍,以确保到目前为止我已经正确安装了所有东西,并且登录页面localhost:8080按预期加载。但是,当我按照Gridsome 的文档gridsome-plugin-typescript中所述安装软件包时,该站点将不再加载。我收到以下错误。

(node:12192) UnhandledPromiseRejectionWarning: E​​rror: Rule can only have one resource source (provided resource and test + include + exclude) in {...}

{...}是这个json对象

我不知道这是来自哪个文件,但我不禁注意到\\每个位置之间的所有路径,我个人从未见过。这可能是阻止它加载的原因吗?除此之外,它还导致 webpack 破坏了它的几个核心文件。有没有人知道可能导致这种情况的原因?一切正常,直到我将打字稿添加到方程式中。

更新

在安装文档的底部gridsome-plugin-typescript有一个链接,上面写着Tyescript Starter For Gridsome,它会将您带到 github 存储库。它说要gridsome create gridsome-ts https://github.com/cleitonper/gridsome-starter-typescript.git在终端中运行,并且应该安装所有东西。我收到以下错误

错误:无法使用 npm 安装依赖项。请进入 ovaad-craft-website 目录并在 ChildProcess 处安装退出代码为 1 的依赖项。(C:\Users\Optiq.DESKTOP-OM5QKKQ.000\AppData\Roaming\npm\node_modules@gridsome\cli\lib\commands\create.js:106:17) 在 ChildProcess.emit (events.js:315:20 ) 在 ChildProcess.cp.emit (C:\Users\Optiq.DESKTOP-OM5QKKQ.000\AppData\Roaming\npm\node_modules@gridsome\cli\node_modules\cross-spawn\lib\enoent.js:34:29) 在也许在 Process.ChildProcess._handle.onexit (internal/child_process.js:288:5) 处关闭 (internal/child_process.js:1048:16)

我进入我的项目文件夹并运行npm install,这只是返回了另一个错误链。

如果有帮助,我正在运行 Windows 10 PC。