failed to load config from docs/.vitepress/config.ts

[hcg1023]

Describe the bug

In the config.ts of VitePress, configuring the markdown-it plugin throws an error. In my opinion, it might be an issue with Vite's loadFromFileConfig or possibly with @antv/infographic. If it's an issue with @antv/infographic, how should it be resolved?

failed to load config from /home/projects/vite-sasn4j8c/docs/.vitepress/config.ts
failed to resolve config. error:
Directory import '/home/projects/vite-sasn4j8c/node_modules/@antv/infographic/esm/designs' is not supported resolving ES modules imported from /home/projects/vite-sasn4j8c/node_modules/@antv/infographic/esm/index.js
Error [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import '/home/projects/vite-sasn4j8c/node_modules/@antv/infographic/esm/designs' is not supported resolving ES modules imported from /home/projects/vite-sasn4j8c/node_modules/@antv/infographic/esm/index.js
at finalizeResolution (https://vitesasn4j8c-5ndd.w-credentialless-staticblitz.com/builtins.97a3df4f.js:161:10338)
at moduleResolve (https://vitesasn4j8c-5ndd.w-credentialless-staticblitz.com/builtins.97a3df4f.js:161:10624)
at defaultResolve (https://vitesasn4j8c-5ndd.w-credentialless-staticblitz.com/builtins.97a3df4f.js:161:12052)
at ModuleLoader.defaultResolve (https://vitesasn4j8c-5ndd.w-credentialless-staticblitz.com/builtins.97a3df4f.js:157:5815)
at #n (https://vitesasn4j8c-5ndd.w-credentialless-staticblitz.com/builtins.97a3df4f.js:157:5397)
at ModuleLoader.resolve (https://vitesasn4j8c-5ndd.w-credentialless-staticblitz.com/builtins.97a3df4f.js:157:5293)
at ModuleLoader.getModuleJobForImport (https://vitesasn4j8c-5ndd.w-credentialless-staticblitz.com/builtins.97a3df4f.js:157:1852)
at ModuleJob._link (https://vitesasn4j8c-5ndd.w-credentialless-staticblitz.com/builtins.97a3df4f.js:158:1632)

Reproduction

open https://stackblitz.com/edit/vite-sasn4j8c?file=docs%2F.vitepress%2Fconfig.ts

npm install && npm run docs:dev

Expected behavior

It should open correctly.

System Info

empty

Additional context

https://stackblitz.com/edit/vite-sasn4j8c?file=docs%2F.vitepress%2Fconfig.ts

Validations

• Check if you're on the latest VitePress version.
• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[brc-dd]

@antv/infographic ships with invalid ESM (directory imports and extensionless imports are not allowed in ESM, json imports need import attributes). If you just create a file foo.js with

import { VERSION } from '@antv/infographic'

console.log(VERSION)

and try to run node foo.js it will fail too. Not sure what the fix should be other than to register a Node.js loader that handles this stuff, though I can't find any that helps with import attributes.

~/foo
❯ bun foo.js                                 
0.2.7

~/foo
❯ node foo.js  
node:internal/modules/esm/assert:88
        throw new ERR_IMPORT_ATTRIBUTE_MISSING(url, 'type', validType);
              ^

TypeError [ERR_IMPORT_ATTRIBUTE_MISSING]: Module "file:///Users/divyansh/foo/node_modules/.pnpm/@antv+infographic@0.2.7/node_modules/@antv/infographic/package.json" needs an import attribute of "type: json"
    at validateAttributes (node:internal/modules/esm/assert:88:15)
    at defaultLoadSync (node:internal/modules/esm/load:164:3)
    at #loadAndMaybeBlockOnLoaderThread (node:internal/modules/esm/loader:795:12)
    at #loadSync (node:internal/modules/esm/loader:815:49)
    at ModuleLoader.load (node:internal/modules/esm/loader:780:26)
    at ModuleLoader.loadAndTranslate (node:internal/modules/esm/loader:526:31)
    at #getOrCreateModuleJobAfterResolve (node:internal/modules/esm/loader:571:36)
    at afterResolve (node:internal/modules/esm/loader:624:52)
    at ModuleLoader.getOrCreateModuleJob (node:internal/modules/esm/loader:630:12)
    at ModuleJob.syncLink (node:internal/modules/esm/module_job:143:33) {
  code: 'ERR_IMPORT_ATTRIBUTE_MISSING'
}

Node.js v24.12.0

~/foo
❯ deno foo.js           
error: [ERR_UNSUPPORTED_DIR_IMPORT] Directory import 'file:///Users/divyansh/foo/node_modules/.pnpm/@antv+infographic@0.2.7/node_modules/@antv/infographic/esm/designs' is not supported resolving ES modules imported from 'file:///Users/divyansh/foo/node_modules/.pnpm/@antv+infographic@0.2.7/node_modules/@antv/infographic/esm/index.js'
Did you mean to import '@antv/infographic/esm/designs/index.js'?