【已解决】markdown使用mermaid绘制流程图,报错[Expecting ‘open_directive’, ‘NEWLINE‘, ‘SPACE‘, ‘GRAPH‘, got ‘ALPHA‘]

写给刚接触markdown,使用mermaid画流程图的小伙伴

背景

今天有小伙伴反馈问题,刚开始学习markdown,画流程图。遇到一个错误,然后各种百度,不明原因,也没有找到对应的解决办法。
在此记录,希望能提供帮助。

问题描述

在很多markdown如何画流程图的教程中,都会提到如下脚本,并会告知初学者,复制以下代码即可完成一个简单流程图的绘制。
代码如下:

```mermaid
flowchat
  st=>start: Start
  op=>operation: Your Operation
  cond=>condition: Yes or No?
  e=>end
  st->op->cond
  cond(yes)->e
  cond(no)->op
​```

就可以有如下效果

Created with Raphaël 2.2.0StartYour OperationYes or No?Endyesno

但是,如果你把以上代码粘贴到Typora上或者VScode中,会报如标题的错误:
[Expecting ‘open_directive’, ‘NEWLINE’, ‘SPACE’, ‘GRAPH’, got ‘ALPHA’]
在这里插入图片描述

解决问题

其实只需要调整之前的代码,改成:

```(删除这里,包括括号)flow
flowchat
  st=>start: Start
  op=>operation: Your Operation
  cond=>condition: Yes or No?
  e=>end
  st->op->cond
  cond(yes)->e
  cond(no)->op
​```

即可。
关于mermaid的更多学习,可以移步这里

感谢阅读


版权声明:本文为cc920095705原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。