dayjs does not provide an export named 'default'

[azat-io]

Description

When I'm using mermaid I get dayjs does not provide an export named 'default' error

Steps to reproduce

https://github.com/azat-io/mermaid-dayjs-bug

1. pnpm install
2. pnpm start

Screenshots

No response

Code Sample

No response

Setup

• Mermaid version: 10.1.0
• Browser and Version: Chrome

Additional Context

azat-io/vuepress-plugin-mermaid-wrapper#1

[aloisklink]

Might be fixed by #4285 (it's been merged, so should appear in the next NPM release).

[sidharthv96]

Please check https://www.npmjs.com/package/mermaid/v/10.2.0-rc.2

[derHodrig]

10.3.0 still having this error

Edit: Maybe its more nuxt related issue in my case.
For fellow users

add to nuxt.config.ts of your highest layer (not the base)

....
// mermaid fix
  vite: {
    optimizeDeps: {
      include: [
        'mermaid'
      ]
    }
  }
....

more info at nuxt/nuxt#19426

[dspinov]

I have the same issue. It seems the root cause is usign pnpm as a manager. If I install package through npm then all is good. Can we somehow unblock using pnpm installer?

[chenbimo]

10.6.1 still having this error

[chenbimo]

10.3.0 still having this error

Edit: Maybe its more nuxt related issue in my case. For fellow users

add to nuxt.config.ts of your highest layer (not the base)

....
// mermaid fix
  vite: {
    optimizeDeps: {
      include: [
        'mermaid'
      ]
    }
  }
....

more info at nuxt/nuxt#19426

Very thanks for your answer! It's useful!

[Sun-ZhenXing]

Currently, the latest version (mermaid@10.7.0) also has this problem, which occurs when using vite@5.0.12.

The above temporary fix works.

This shouldn't be a big deal, but hopefully a fix will be provided soon for vite.

[alaxcc]

I fixed it, I can't just use element-plus or dayjs-nuxt model, you need install dayjs too,

pnpm install dayjs

and fix.