The requested module moment does not provide an export named default

Question

The requested module moment does not provide an export named default

luckylooke opened this issue 2 years ago · 17 comments

Hi,
after installation into my project I am getting error in browser console, running vitepress docs:

Uncaught SyntaxError: The requested module '...somepath.../node_modules/moment-mini/moment.min.js?v=fabf3af1' does not provide an export named 'default' (at mermaid.core.mjs?v=fabf3af1:7:8)

I have already tried to setup my tsconfig.json, adding

  "compilerOptions": {
    "module": "es6",
    "esModuleInterop": true,
    "moduleResolution": "node",
    "allowJs": true
  },

but didn't fixed... any idea what to try?

Many thanks 🙏

Answer 1 · 2023-01-24T14:20:57.000Z

I have created minimal reproduction here: https://stackblitz.com/edit/github-zbjrsg-zc4yzq?file=package.json thanks 🙏😊

Answer 2 · 2023-01-25T05:33:03.000Z

@luckylooke try to use "mermaid": "9.1.7" instead of the latest version "9.3.0"

Answer 3 · 2023-01-25T10:56:15.000Z

@towerhe - this does indeed help, thanx.

Answer 4 · 2023-01-25T15:48:05.000Z

It should work in the last version.
I can duplicate the issue and asked for help from mermaid developers.

Answer 5 · 2023-01-25T15:51:07.000Z

And it only throw erros in dev.
So. If you need mind map you can use it in build and it should work.

Answer 6 · 2023-01-31T15:10:36.000Z

While not ideal, I managed to work around this issue by adding a vite.config.js with

optimizeDeps: { include: ['moment-mini', '@braintree/sanitize-url'] }

as apparently, the CommonJS detection did not work correctly for those dependencies.

Answer 7 · 2023-03-15T22:04:57.000Z

Hi! I get the same issue with module dayjs right after the install (done today):

Uncaught SyntaxError: The requested module '/node_modules/dayjs/dayjs.min.js?v=d4754311' does not provide an export named 'default' (at mermaid-ae477ddf.js?v=d4754311:2:8)

Does someone knows a workaround?

Answer 8 · 2023-03-15T22:17:42.000Z

Ok, setting "mermaid": "9.1.7" did the trick for me

Answer 9 · 2023-03-19T22:15:18.000Z

Slightly different error in console Uncaught SyntaxError: ambiguous indirect export: default but same solution.

When I check to see the source of the problem it is dayjs in the latest version of mermaid 10.0.2? It was coming from moment-mini when I had an earlier version installed.

Answer 10 · 2023-03-20T01:09:06.000Z

the solution above should work for vitepress v10.0.0 as long as your chart don't use dates..

the final solution should wait for the dayjs 2.0 to have an official release.. see mermaid-js/mermaid#4153 (comment)

Answer 11 · 2023-05-03T23:39:50.000Z

Another change I made that should fix this..
mermaid-js/mermaid#4285
Need to wait for next release to test it.

Answer 12 · 2023-06-19T21:28:37.000Z

For those wondering how to make it work for a fresh install:

The required changes are:

.vitepress/config.ts
package.json

In .vitepress/config.ts

import { defineConfig } from 'vitepress'
import { withMermaid } from "vitepress-plugin-mermaid";

export default withMermaid(
  defineConfig({
    vite: {
      optimizeDeps: { include: ['@braintree/sanitize-url'] },
      resolve: {
          alias: {
            dayjs: 'dayjs/',
          },
        },
    },
...

In package.json devDependencies make sure to have

    "@mermaid-js/mermaid-mindmap": "^9.3.0",
    "mermaid": "^8.14.0",

With the previous modifications I could have both dev and build targets

Answer 13 · 2023-07-17T05:28:53.000Z

Another change I made that should fix this.. mermaid-js/mermaid#4285 Need to wait for next release to test it.

It still is not working, and I see that PR was reverted by the mermaid team on June 1. At the same time, I see in the last commits that the plugin updated deps on mermaid 10. Any ideas on how to make it work? I don't have charts with dates but I can't build my docs with error: "dayjs/dayjs.min.js?v=8dd7652e' does not provide an export named 'default' "

Answer 14 · 2023-07-20T00:37:19.000Z

@dspinov It should be working.. but I just discovered it is not pnpm compatible..
can you check using npm?

Answer 15 · 2023-10-02T07:06:57.000Z

Hi @emersonbottero. You are right. I've tested with npm and all is good. This is interesting. I didn't find any related issues about that. I see that dayjs team has mentioned a solution for the same problem by using esModuleInterop in TS. But I don't have TS on the project. Do you know maybe how to do the same with vitejs only?

Answer 16 · 2023-10-02T21:37:42.000Z

I added all necessary settings on the package, you can try pnpm install --shamefully-hoist .

What make it to work was this changes

Answer 17 · 2023-10-10T02:04:15.000Z

I added all necessary settings on the package, you can try pnpm install --shamefully-hoist .

What make it to work was this changes

There is a new issue when using 'pnpm install --shamefully-hoist' with the 'mermaid' module.

The requested module '/node_modules/.pnpm/mermaid@10.5.0/node_modules/mermaid/dist/mermaid.core.mjs?v=6f627caa' does not provide an export named 'ExternalDiagramDefinition'

"mermaid": "10.5.0",
"vitepress": "1.0.0-rc.20",
"vitepress-plugin-mermaid": "2.0.15"

I'm uncertain about the solution to this problem. Could you please provide some suggestions?

thanks💕