Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Mermaid incorrect "Syntax error in graph"

See original GitHub issue

Have you read the Contributing Guidelines on issues?

I have read the Contributing Guidelines on issues.

Prerequisites

I’m using the latest version of Docusaurus.
I have tried the npm run clear or yarn clear command.
I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
I have tried creating a repro with https://new.docusaurus.io.
I have read the console error message carefully (if applicable).

Description

Source https://github.com/wenerme/wener/blob/master/notes/languages/diagram/mermaid.md Output https://wener.me/notes/languages/diagram/mermaid Build log https://github.com/wenerme/wener/actions/runs/3454557726/jobs/5765939898#step:8:295

Reproducible demo

https://github.com/wenerme/wener

Steps to reproduce

git clone git@github.com:wenerme/wener.git
cd wener/site

pnpm install
make build

Expected behavior

Mermaid works as expected

Actual behavior

Syntax error in graph

Your environment

Public source code: https://github.com/wenerme/wener
Public site URL: https://wener.me
Docusaurus version used: 2.2
Environment name and version (e.g. Chrome 89, Node.js 16.4):
Operating system and version (e.g. Ubuntu 20.04.2 LTS):

Self-service

I’d be willing to fix this bug myself.

Issue Analytics

State:
Created 10 months ago
Comments:6 (3 by maintainers)

Top GitHub Comments

1reaction

wenermecommented, Nov 16, 2022

Thanks, I don’t know 2.2 use Mermaid as theme component, will rename this to another name.

0reactions

slorbercommented, Nov 16, 2022

theme/Mermaid is the theme component name we use now. If you need 2 different Mermaid systems to co-exist in parallel for whatever reason, you’ll have to rename the older theme/Mermaid component otherwise it overrides the official one with very different behavior.

I can’t guarantee that 2 distinct mermaid systems can coexist on the same Docuaurus site nicely. If you want to have that, you’ll have to figure out the details

Top Results From Across the Web

Syntax Error in Graph / Mermaid Version 9.0.1 · Issue #2963

Unable to render graphs: erDiagram, gantt when integrating Mermaid with Ionic/StencilJS. Some other graphs all render perfectly. To Reproduce

Mermaid syntax error on trying render a diagram on Github ...

Mermaid syntax error on trying render a diagram on Github . md file - Stack Overflow. Stack Overflow for Teams – Start collaborating...

Standard mermaid syntax for flowchart links not rendered in ...

While using standard syntax for ranking link, an error is produced at rendering, and no flowchart is displayed. Capture. See documentation : ...

Valid mermaid syntax reporting errors - Visual Studio Feedback

In Azure DevOps Wiki I add the same syntax as: ``` Mermaid. ::: mermaid. graph LR id1([This is the text in the box])....

mermaid - Generation of diagrams and flowcharts from text in ...

When the parser encounters invalid syntax the mermaid.parseError function is called. It is possible to override this function in order to handle the...