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

VS Code中运行mingrammer diagram代码无法生成PNG文件问题

问题描述

运行mingrammer diagrams的示例Python代码,预期生成web_service.png图片文件,但实际得到一个无后缀的web_service文件,内容为Graphviz的dot格式文本。

使用的代码:

# diagram.py
from diagrams import Diagram
from diagrams.aws.compute import EC2
from diagrams.aws.database import RDS
from diagrams.aws.network import ELB

with Diagram("Web Service", show=False):
    ELB("lb") >> EC2("web") >> RDS("userdb")

生成的文件内容:

digraph "Web Service" {
    graph [fontcolor="#2D3436" fontname="Sans-Serif" fontsize=15 label="Web Service" nodesep=0.60 pad=2.0 rankdir=LR ranksep=0.75 splines=ortho]
    node [fixedsize=true fontcolor="#2D3436" fontname="Sans-Serif" fontsize=13 height=1.4 imagescale=true labelloc=b shape=box style=rounded width=1.4]
    edge [color="#7B8894"]
    "55c1dbf2b98947439179362b1fbdbf0b" [label=lb height=1.9 image="C:\Users\ravim\OneDrive\Desktop\mypython\.venv\Lib\site-packages\resources/aws/network\elastic-load-balancing.png" shape=none]
    db6288db747346ceaec598588b40c452 [label=web height=1.9 image="C:\Users\ravim\OneDrive\Desktop\mypython\.venv\Lib\site-packages\resources/aws/compute\ec2.png" shape=none]
    "55c1dbf2b98947439179362b1fbdbf0b" -> db6288db747346ceaec598588b40c452 [dir=forward fontcolor="#2D3436" fontname="Sans-Serif" fontsize=13]
    b60dbfb720a14392b9969c69bb9653f9 [label=userdb height=1.9 image="C:\Users\ravim\OneDrive\Desktop\mypython\.venv\Lib\site-packages\resources/aws/database\rds.png" shape=none]
    db6288db747346ceaec598588b40c452 -> b60dbfb720a14392b9969c69bb9653f9 [dir=forward fontcolor="#2D3436" fontname="Sans-Serif" fontsize=13]
}
解决方法

该问题核心是未安装Graphviz或其未加入系统PATH,导致diagrams库仅能生成中间dot格式文本,无法完成PNG渲染。

解决步骤:

  • 安装Graphviz:
    • Windows:下载官方安装包并勾选"Add Graphviz to system PATH";或用Chocolatey执行choco install graphviz
    • macOS:通过Homebrew执行brew install graphviz
    • Linux:Debian/Ubuntu用sudo apt-get install graphviz,CentOS/RHEL用sudo yum install graphviz
  • 验证安装:终端输入dot -V,能显示版本信息即为成功
  • 重启VS Code后重新运行代码,此时会生成目标web_service.png文件

若已安装仍有问题,检查系统PATH是否包含Graphviz的bin目录,手动添加后重启环境重试。

内容的提问来源于stack exchange,提问作者Sun

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.17 20:58:16