Svelte G2 疑難 #5259

thompson0012 · 2023-06-30T01:49:00Z

thompson0012
Jun 30, 2023

G2 Version: latest
Platform: MacOS, Svelte 3/4
Mini Showcase(like screenshots):
CodePen Link:

我這邊在嘗試整合G2 到svelte應用中，發現了這個error，有誰可以幫助我一下？謝謝

9:44:13 AM [vite] Error when evaluating SSR module /src/routes/platform/dashboard/chartjs/+page.svelte: failed to import "/src/lib/components/GGChart.svelte"
|- Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/[email protected]/node_modules/d3-hierarchy/src/index.js from /Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/utils.js not supported.
Instead change the require of index.js in /Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/utils.js to a dynamic import() which is available in all CommonJS modules.
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/utils.js:4:24)
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/interval.js:4:17)
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/index.js:4:18)
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/stdlib/index.js:6:16)
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/runtime/render.js:12:18)
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/runtime/index.js:19:16)
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/index.js:20:17)
    at async nodeImport (file:///Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-e8f070e8.js:54450:17)
    at async ssrImport (file:///Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-e8f070e8.js:54343:24)
    at async eval (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/src/lib/components/G2Chart.svelte:4:31)
    at async instantiateModule (file:///Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-e8f070e8.js:54405:9)

Internal server error: require() of ES Module /Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/[email protected]/node_modules/d3-hierarchy/src/index.js from /Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/utils.js not supported.
Instead change the require of index.js in /Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/utils.js to a dynamic import() which is available in all CommonJS modules.
      at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/utils.js:4:24)
      at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/interval.js:4:17)
      at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/index.js:4:18)
      at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/stdlib/index.js:6:16)
      at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/runtime/render.js:12:18)
      at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/runtime/index.js:19:16)
      at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/index.js:20:17)
      at async nodeImport (file:///Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-e8f070e8.js:54450:17)
      at async ssrImport (file:///Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-e8f070e8.js:54343:24)
      at async eval (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/src/lib/components/G2Chart.svelte:4:31)
      at async instantiateModule (file:///Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-e8f070e8.js:54405:9)
Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/[email protected]/node_modules/d3-hierarchy/src/index.js from /Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/utils.js not supported.
Instead change the require of index.js in /Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/utils.js to a dynamic import() which is available in all CommonJS modules.
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/utils.js:4:24)
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/interval.js:4:17)
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/mark/index.js:4:18)
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/stdlib/index.js:6:16)
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/runtime/render.js:12:18)
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/runtime/index.js:19:16)
    at Object.<anonymous> (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/@[email protected]/node_modules/@antv/g2/lib/index.js:20:17)
    at async nodeImport (file:///Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-e8f070e8.js:54450:17)
    at async ssrImport (file:///Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-e8f070e8.js:54343:24)
    at async eval (/Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/src/lib/components/G2Chart.svelte:4:31)
    at async instantiateModule (file:///Users/kinshingwong/Documents/SourceTree/data-platform/platform/frontend/node_modules/.pnpm/[email protected]_@[email protected]/node_modules/vite/dist/node/chunks/dep-e8f070e8.js:54405:9) {
  code: 'ERR_REQUIRE_ESM'
}

pearmini · 2023-06-30T08:34:24Z

pearmini
Jun 30, 2023
Maintainer

参考这个 issue：#4493

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Svelte G2 疑難 #5259

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 1 comment

{{title}}

Select a reply

Svelte G2 疑難 #5259

thompson0012 Jun 30, 2023

Replies: 1 comment

pearmini Jun 30, 2023 Maintainer

thompson0012
Jun 30, 2023

pearmini
Jun 30, 2023
Maintainer