Mermaid Plugin ER Diagram Issues

Bug report

Hello, I was having some issues when creating a mermaid ER Diagram with attributes. Tried the example directly from mermaid js here (https://mermaid-js.github.io/mermaid/#/entityRelationshipDiagram) but was getting render issues. The example I’m using is in the reproducible steps section. It appears there’s a null error being thrown in the console.

Info

  • Platform: Windows
  • Platform version: 10
  • App Version: 5.2.1
  • Plugin Version: 2.2.0

Plugins Installed

  • accent-color
  • admonition
  • code-fold
  • insert-date
  • markdown-emoji
  • math
  • plantuml
  • prettier
  • spell-checker
  • vim
  • export-as-html
  • export-as-markdown
  • export-print
  • import-markdown
  • import-html
  • img-small

Reproduce

  1. Install Official Mermaid Plugin
  2. Paste the following code into a document
erDiagram
    CUSTOMER ||--o{ ORDER : places
    CUSTOMER {
        string name
        string custNumber
        string sector
    }
    ORDER ||--|{ LINE-ITEM : contains
    ORDER {
        int orderNumber
        string deliveryAddress
    }
    LINE-ITEM {
        string productCode
        int quantity
        float pricePerUnit
    }

produces:

MERMAID: render error null <embedded>:50213

Hi Dante,

Thank you for the report.
I could reproduce the issue and solved it by updating the mermaid package to the latest version.
Can you please update the mermaid plugin to v2.3.0?

Thanks again for letting me know that!

@craftzdog Tried out the new update and now works great. Thanks for the hard work! :+1:

1 Like

Great :raised_hands: