如何配置Backstage独立TechDocs文档?配置异常求助
独立TechDocs组件加载失败的解决方法
1. 修复CLI运行时的目录路径问题
你遇到的Config value 'docs_dir': The path 'docs' isn't an existing directory错误,是因为运行npx @techdocs/cli serve时默认在项目根目录(backstage/),而mkdocs.yml里的docs_dir默认指向当前工作目录下的docs,但你的文档目录实际在catalog/techdocs/docs。
解决方式二选一:
- 切换到组件的techdocs目录再执行命令:
cd catalog/techdocs npx @techdocs/cli serve --verbose - 修改mkdocs.yml,指定相对于项目根的文档路径:
site_name: "getting-started-docs" site_description: "How to get started with this portal" docs_dir: catalog/techdocs/docs
2. 修正Backstage配置与文档生成流程
修复组件索引路径
你的app-config.yaml里的location路径错误:../../catalog/techdocs/catalog-info.yaml会跳出backstage/目录,导致Backstage找不到组件配置,这也是索引警告的根源。修正为:
locations: - type: file target: ./catalog/techdocs/catalog-info.yaml
生成并发布文档
Backstage不会自动生成文档内容,需要手动执行生成和发布命令(确保Docker已启动,因为你配置了generator.runIn: docker):
# 生成组件的TechDocs静态文件 yarn techdocs:generate --entity getting-started-docs # 将生成的文档发布到本地存储 yarn techdocs:publish --entity getting-started-docs
3. 验证效果
重启yarn dev服务,刷新页面后:
- 软件目录中的
getting-started-docs组件详情页的"View Techdocs"按钮应该能正常跳转 - 组件的Docs页面会显示你在
index.md中编写的内容
内容的提问来源于stack exchange,提问作者Christof
相关产品推荐
相关产品推荐

