问题标签 [nuxt-content]

尝试在此处要求我知道我的 v-img 组件中存在的图像文件时出现 webpack 错误：

背景：

我有一个使用 nuxt-content的博客。

该项目的组织结构使图像与 /content/posts 中每个帖子的文件夹中的帖子 .md 文件一起分组。我的启动v-img 组件工作正常，需要这些图像没问题。（请注意，最后一个链接指向已部署的主分支，而前面的链接指向功能分支）

我部署的站点加载速度很慢，所以我编写了一个python 程序来生成较小版本的图像，所有图像都存储在每个 slug 文件夹中的 .imgs 文件夹中，如下所示：

python 程序作为我的 netlify 构建命令的一部分被调用，例如python3 ./gen_tn.py && nuxt build && nuxt generate. 这工作正常。

为避免在本地阻塞磁盘空间，我在开发时使用 NODE_ENV 仅使用完整大小；这也很好，但我暂时禁用了它来测试。

我在本地生成了缩略图进行测试，但是当我遇到问题时，问题就来了：

我得到一个例外：

但是这个文件存在：

我什至尝试对图像大小进行硬编码，但这也不起作用：

我究竟做错了什么？我该如何解决？任何指导表示赞赏！

共享链接时未显示打开的图形，它显示默认或空白。我想将其设置为每个页面的动态。

这是我head设置打开图形数据的部分

我无法检索包含 nuxt 内容的上一篇和下一篇文章。

在我的 slug 页面中，我有以下代码：

但是 prev 和 next 返回 null，我不明白的另一件事是

为什么用params.slug？？？

如果我使用邮递员来http://localhost:3000/_content/onstep?only=title&only=slug&only=order获取我的文章列表，在我的例子中，我使用一个名为 order 的标签来排序应该如何查看内容。

在我的项目中我需要使用trailingSlashto true，但是如果我没有 console.log params.slugtrailingSlash

有什么建议么？

我在 JIT 模式下使用@nuxtjs/tailwindcss: "^4.1.2" 和基本设置，因为我真的需要在不编写自定义 CSS 的情况下生成任意样式的可能性。

我有一个 .yaml 文件，其中包含我使用Nuxt Content 模块获取的一些块

因此，例如，在索引页面中，我从 .yaml 文件中获取内容，如下所示：

}

当然，这些块在页面对象内，我循环每个块并作为道具传递给每个组件

然后，我想使用 .yaml 文件中的类（例如“max-w-[200px] my-10”）并直接在 Vue 组件中应用，所以我有一个计算属性：

在 Vue 模板中应用如下：

但是来自 .yaml 文件的类在源代码中应用，但没有关联的 css 样式规则。

有办法让这种模式按预期工作吗？

我的 tailwind.config.js 是：

我正在使用创建一个静态站点，@nuxt/content并且正在尝试创建一些将从降价中使用的组件。其中一个组件需要调用外部 API 来检索 HTML 中显示的一些数据。

这些是相关的片段，试图显示一张带有来自 GitHub 存储库的信息的卡片：

blog_article.md

内容/github/Repository.vue

我得到的错误是Cannot read properties of null (reading 'description')，就像this.info在呈现 HTML 之前没有被填充......但它运行，因为我从 console.log 获得输出。也许我误解了有关的文档fetch，还有其他方法可以实现这种行为吗？

谢谢！

我正在开发一个nuxt-module，但我有一个问题：

如何导入文件，例如： file.config.js，该文件将与nuxt.config.js.

主要思想是在此导入组件，file.config.js并能够将其用作我的nuxt-module.

我想这样做是因为当我导入vue components我nuxt.config.js的以作为属性发送nuxt-module时不起作用（错误如下）：

有人提示如何做到这一点？

我使用 Nuxt.js 静态站点生成和 Nuxt Content 无头 CMS 模块构建了一个博客网站。我现在正在尝试构建一个搜索页面，用户可以在其中输入各种查询以过滤文章，例如标题、全文、作者、发布日期等。

这可能在静态网站上吗？还是我必须单独托管 CMS 并提出动态请求才能使其正常工作？

我在 NuxtJS 应用程序中有一个 Vuetify 树视图设置，如下所示：

每当打开一个节点时，它都意味着从 NuxtJS 的内容文件夹中加载其子节点，如下所示：

此方法按预期工作，并且在 load-children 方法启动后，我可以在控制台日志中看到所需的结果。父节点的子键按预期填充对象。但是，树视图中的节点本身仍然是空的，就好像它的子节点仍然是一个空数组一样。

这可能是什么原因？

• 我尝试手动将内容对象粘贴到节点的子数组中，它们出现在树视图中。所以我知道这不是来自内容获取方法的对象的格式。一定是推送后树视图没有更新。
• 官方文档向他们展示了在响应中使用 .json() 方法，但我的响应来自数组形式的内容，所以我认为我不需要这样做。
• 虽然从内容中获取与从 API 中获取不同，但我仍然以相同的方式填充子数组。

非常困惑为什么此方法会成功更改项目的子数组，但树视图不会更新以反映它。

更新

这种带返回的测试方法也不起作用

这种硬编码的方法也不起作用。我已经尝试过使用一个对象以及一个对象来推送一个数组。

该文档指出：

您可以通过向 load-children 属性提供 Promise 回调来动态加载子数据。当用户第一次尝试展开具有空数组的 children 属性的项目时，将执行此回调。

因此，问题可能在于该方法需要返回一个 Promise 回调，该回调会将子对象推送到数组中。

但是 nuxt-content 的 fetch() 方法确实返回了一个 Promise。我可以检查组件计算数据中的节点，并查看它是否已填充了子节点。但是树视图上的节点仍然是空的。

在生成项目构建时，head 被复制，我在 _slug 文件中创建了一个本地 head，但在为 twitter 或 facebook 创建社交卡时不起作用！

_slug.vue

nuxt.config.js

我正在 nuxt 中创建文件和文件夹。现在我对文件夹和文件命名的大小写约定有些困惑。哪些案例约定遵循 nuxt.js？喜欢，

在页面文件夹中：

• 文件夹：resetPassword/ResetPassword/reset-password/reset_password 哪个好？
• 文件：resetPassword.vue/ResetPassword.vue/reset-password.vue/reset_password 哪个好？