Astro文章目录多层级报错和标签页面404问题解决

这个问题困扰我挺久了,一直没时间解决,今天实在忍不下去了,终于找到了解决方法。

问题描述

从 Astro 的 Themes 模板库创建了一个项目,运行没发现什么问题。

在我进行文章归档的时候报错:Expected "slug" to match "[^\/#\?]+?", but got "2023-12/text"

文章存放位置是:/src/content/blog/

当此目录下有文件夹时就会报上面的错误,比如我在 /blog/ 目录创建一个 /[date]/ 文件夹用来归档:/src/content/blog/2023-12/text.md

这样在访问 blog/2023-12/text.md 页面时提示 404,访问其他文章详情页面时就会报错。

Astro-error.png Astro文章目录多层级报错和标签页面404问题解决 经验总结

解决方法

检查 /src/pages/blog/ 目录是不是有一个 [slug].astro 文件,将其改为 [...slug].astro 即可。

问题参考:I can't define custom slug for a content

标签页报错404问题

检查标签是否包含大写字母,Astro 会自动把大写字母转小写,如果标签包含大写字母,就会报 404 错误。

未经允许不得转载:Web前端开发资源网 » Astro文章目录多层级报错和标签页面404问题解决

推荐阅读:

Vue.js学习笔记——简介、安装使用

JavaScript的引入方式和基本属性

Z-Blog后台无法安装、更新应用的解决方法

https百度推送push.js报错的解决方法

给网站添加熊掌号粉丝关注按钮

赞 (0)
分享到: +

评论 沙发

Avatar

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)