Madge:Graphviz could not be found. Ensure that “gvpr“ is in your $PATH错误的解决办法

一、问题描述

Madge是一个开发工具,用于生成模块依赖关系的可视化图形,查找循环依赖项,并提供其他有用的信息。Madge生成可视化依赖关系图示例:
Madge:Graphviz could not be found. Ensure that “gvpr“ is in your $PATH错误的解决办法_第1张图片

但在使用过程中可能会遇到下面的问题:

Error: Graphviz could not be found. Ensure that "gvpr" is in your $PATH
https://github.com/pahen/madge/issues/257

二、解决方案

通过文档,可以发现如果要输出svg图片,需要额外安装Graphviz:

Madge:Graphviz could not be found. Ensure that “gvpr“ is in your $PATH错误的解决办法_第2张图片
Graphviz是一款流程图、网络图和数据结构可视化工具,支持多种操作系统。在Windows系统上安装Graphviz可以通过以下步骤进行:

(1)下载Graphviz安装包

您可以从Graphviz的官网(注意这个网址可能访问不了) 下载适合您Windows系统的安装包。选择相应的版本(32位或64位)并下载对应的msi文件。

(2)安装Graphviz

运行下载好的msi文件,按照提示进行安装,选择默认安装路径即可。如果需要自定义安装路径,请在安装界面上进行设置。

(3)配置环境变量
将Graphviz的bin文件夹路径添加到系统环境变量中。方法是:

①右键点击“此电脑”,选择“属性”; ②在弹出的窗口中,点击“高级系统设置”;
③点击“环境变量”按钮,在“系统变量”区域中找到“Path”变量,点击编辑;
④在编辑窗口中,末尾添加Graphviz的bin文件夹路径,如C:\Program Files (x86)\Graphviz2.44\bin;
⑤保存所有设置。

(4)验证安装是否成功

打开命令行窗口,输入dot -V,如果输出Graphviz的版本信息,则说明安装成功。

之后再运行madge 命令,比如:

madge ./index.ts --extensions ts --image graph.svg

此时可能会遇到以下错误:

Error: Command "dot" failed.
CODE: 1
SIGNAL: null
MESSAGE: Format: "svg" not recognized. Use one of:

Madge:Graphviz could not be found. Ensure that “gvpr“ is in your $PATH错误的解决办法_第3张图片

此时,可以尝试运行以下命令:

doc -c

Madge:Graphviz could not be found. Ensure that “gvpr“ is in your $PATH错误的解决办法_第4张图片
至此,madge工具就可以正常使用了。

你可能感兴趣的:(开发问题,前端)