Vue3+Vite项目引入时报错

[aCoo4ie]

根据官网的教程，通过 import G6 from @antv/g6 报错

Module '"/node_modules/@antv/g6/lib/index"' has no default export

版本号如下

npm list @antv/g6
frontend/
└── @antv/g6@5.0.47

╰─❯ npm list vue
frontend/
├─┬ @vitejs/plugin-vue-jsx@3.0.2
│ └── vue@3.4.27 deduped
├─┬ @vitejs/plugin-vue@4.3.3
│ └── vue@3.4.27 deduped
├─┬ @vue/test-utils@2.4.1
│ ├─┬ @vue/server-renderer@3.4.27
│ │ └── vue@3.4.27 deduped
│ └── vue@3.4.27 deduped
├─┬ @vuelidate/core@2.0.3
│ ├─┬ vue-demi@0.13.11
│ │ └── vue@3.4.27 deduped
│ └── vue@3.4.27 deduped
├─┬ @vuelidate/validators@2.0.4
│ ├─┬ vue-demi@0.13.11
│ │ └── vue@3.4.27 deduped
│ └── vue@3.4.27 deduped
├─┬ pinia@2.1.6
│ ├─┬ vue-demi@0.14.5
│ │ └── vue@3.4.27 deduped
│ └── vue@3.4.27 deduped
├─┬ unplugin-vue-components@0.25.1
│ └── vue@3.4.27 deduped
├─┬ vite-plugin-vuetify@1.0.2
│ └─┬ @vuetify/loader-shared@1.7.1
│ └── vue@3.4.27 deduped
├─┬ vue-router@4.2.4
│ └── vue@3.4.27 deduped
├── vue@3.4.27
└─┬ vuetify@3.6.5
└── vue@3.4.27 deduped

之后通过下面的issue暂时修复了。

Please update vite to latest version(2.8.x at present)

• node-resolve plugin is covered by vite, and you don't need add this plugin

• commonjs plugin is included in vite, you can set operation in build.commonjsoptions

But it can't fix another issue, I also have the issue #3284 when I build my project by vite(rollup).

If anyone has the same problem, maybe would fix by setting config like this :

// vite.config.ts



{

  resolve: {

    alias: [

      {

          find: /^@antv\/g6/,

          replacement: path.resolve(

            __dirname,

            './node_modules/@antv/g6/dist/g6.min.js',

          ),

        },

    ]

  }

}

And this could help me solve my production build...

Originally posted by @luxferrew in #2961

想问下官方，使用Vue3+Vite，这个bug还没修复吗？

[Aarebecca]

G6 开发环境使用的 Vite 没有发现你说的问题

[hustcc]

应该按照下面的方式引入吧？

import * as G6 from '@antv/g6';

或者

import { Chart } from '@antv/g6';

[aCoo4ie]

5.0版本以上，上面的import语句无法导入。降为4.x版本后，上面的import才能成功。

[hustcc]

应该是 nextjs 上 ssr 的原因，包括 mcp 上组织架构图报的也是这个错。