You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何配置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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.04 16:33:22