vitejs / vite

Next generation frontend tooling. It's fast!
http://vitejs.dev
MIT License
67.32k stars 6.06k forks source link

Unable to render md/mdx component after upgrading to v5 #15284

Closed JounQin closed 9 months ago

JounQin commented 9 months ago

Describe the bug

image

related https://github.com/mdx-js/mdx/issues/2413

Reproduction

https://github.com/un-ts/mono-lib-boilerplate

Steps to reproduce

yarn
yarn dev

System Info

System:
    OS: macOS 14.1.2
    CPU: (10) arm64 Apple M1 Max
    Memory: 21.63 GB / 64.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.18.2 - ~/Library/Caches/fnm_multishells/76002_1701950982110/bin/node
    Yarn: 4.0.2 - ~/Library/Caches/fnm_multishells/76002_1701950982110/bin/yarn
    npm: 9.8.1 - ~/Library/Caches/fnm_multishells/76002_1701950982110/bin/npm
    bun: 1.0.15 - /opt/homebrew/bin/bun
  Browsers:
    Brave Browser: 120.1.61.100
    Chrome: 120.0.6099.62
    Safari: 17.1.2
  npmPackages:
    @vitejs/plugin-react-swc: ^3.5.0 => 3.5.0 
    vite: ^5.0.6 => 5.0.6

Used Package Manager

yarn

Logs

Click to expand! ```shell vite:config bundled config file loaded in 127.57ms +0ms vite:config using resolved config: { vite:config plugins: [ vite:config 'vite:optimized-deps', vite:config 'vite:watch-package-data', vite:config 'vite:pre-alias', vite:config 'alias', vite:config 'vite:react-swc:resolve-runtime', vite:config 'vite:modulepreload-polyfill', vite:config 'vite:resolve', vite:config 'vite:html-inline-proxy', vite:config 'vite:css', vite:config 'vite:json', vite:config 'vite:wasm-helper', vite:config 'vite:worker', vite:config 'vite:asset', vite:config '@mdx-js/rollup', vite:config 'vite:react-swc', vite:config 'vite:wasm-fallback', vite:config 'vite:define', vite:config 'vite:css-post', vite:config 'vite:worker-import-meta-url', vite:config 'vite:asset-import-meta-url', vite:config 'vite:dynamic-import-vars', vite:config 'vite:import-glob', vite:config 'vite:client-inject', vite:config 'vite:import-analysis' vite:config ], vite:config optimizeDeps: { vite:config disabled: 'build', vite:config force: undefined, vite:config include: [ 'react/jsx-dev-runtime' ], vite:config esbuildOptions: { preserveSymlinks: false, jsx: 'automatic' } vite:config }, vite:config server: { vite:config preTransformRequests: true, vite:config host: undefined, vite:config sourcemapIgnoreList: [Function: isInNodeModules$1], vite:config middlewareMode: false, vite:config fs: { strict: true, allow: [Array], deny: [Array] } vite:config }, vite:config esbuild: false, vite:config configFile: '/Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/vite.config.ts', vite:config configFileDependencies: [ vite:config '/Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/vite.config.ts' vite:config ], vite:config inlineConfig: { vite:config root: undefined, vite:config base: undefined, vite:config mode: undefined, vite:config configFile: undefined, vite:config logLevel: undefined, vite:config clearScreen: undefined, vite:config optimizeDeps: { force: undefined }, vite:config server: { host: undefined } vite:config }, vite:config root: '/Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate', vite:config base: '/', vite:config rawBase: '/', vite:config resolve: { vite:config mainFields: [ 'browser', 'module', 'jsnext:main', 'jsnext' ], vite:config conditions: [], vite:config extensions: [ vite:config '.mjs', '.js', vite:config '.mts', '.ts', vite:config '.jsx', '.tsx', vite:config '.json' vite:config ], vite:config dedupe: [], vite:config preserveSymlinks: false, vite:config alias: [ [Object], [Object] ] vite:config }, vite:config publicDir: '/Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/public', vite:config cacheDir: '/Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/.vite', vite:config command: 'serve', vite:config mode: 'development', vite:config ssr: { vite:config target: 'node', vite:config optimizeDeps: { disabled: true, esbuildOptions: [Object] } vite:config }, vite:config isWorker: false, vite:config mainConfig: null, vite:config isProduction: false, vite:config css: { lightningcss: undefined }, vite:config build: { vite:config target: [ 'es2020', 'edge88', 'firefox78', 'chrome87', 'safari14' ], vite:config cssTarget: [ 'es2020', 'edge88', 'firefox78', 'chrome87', 'safari14' ], vite:config outDir: 'dist', vite:config assetsDir: 'assets', vite:config assetsInlineLimit: 4096, vite:config cssCodeSplit: true, vite:config sourcemap: false, vite:config rollupOptions: {}, vite:config minify: 'esbuild', vite:config terserOptions: {}, vite:config write: true, vite:config emptyOutDir: null, vite:config copyPublicDir: true, vite:config manifest: false, vite:config lib: false, vite:config ssr: false, vite:config ssrManifest: false, vite:config ssrEmitAssets: false, vite:config reportCompressedSize: true, vite:config chunkSizeWarningLimit: 500, vite:config watch: null, vite:config commonjsOptions: { include: [Array], extensions: [Array] }, vite:config dynamicImportVarsOptions: { warnOnError: true, exclude: [Array] }, vite:config modulePreload: { polyfill: true }, vite:config cssMinify: true vite:config }, vite:config preview: { vite:config port: undefined, vite:config strictPort: undefined, vite:config host: undefined, vite:config https: undefined, vite:config open: undefined, vite:config proxy: undefined, vite:config cors: undefined, vite:config headers: undefined vite:config }, vite:config envDir: '/Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate', vite:config env: { BASE_URL: '/', MODE: 'development', DEV: true, PROD: false }, vite:config assetsInclude: [Function: assetsInclude], vite:config logger: { vite:config hasWarned: false, vite:config info: [Function: info], vite:config warn: [Function: warn], vite:config warnOnce: [Function: warnOnce], vite:config error: [Function: error], vite:config clearScreen: [Function: clearScreen], vite:config hasErrorLogged: [Function: hasErrorLogged] vite:config }, vite:config packageCache: Map(1) { vite:config 'fnpd_/Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate' => { vite:config dir: '/Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate', vite:config data: [Object], vite:config hasSideEffects: [Function: hasSideEffects], vite:config webResolvedImports: {}, vite:config nodeResolvedImports: {}, vite:config setResolvedCache: [Function: setResolvedCache], vite:config getResolvedCache: [Function: getResolvedCache] vite:config }, vite:config set: [Function (anonymous)] vite:config }, vite:config createResolver: [Function: createResolver], vite:config worker: { format: 'iife', plugins: '() => plugins', rollupOptions: {} }, vite:config appType: 'spa', vite:config experimental: { importGlobRestoreExtension: false, hmrPartialAccept: false }, vite:config getSortedPlugins: [Function: getSortedPlugins], vite:config getSortedPluginHooks: [Function: getSortedPluginHooks] vite:config } +13ms vite:deps Hash is consistent. Skipping. Use --force to override. +0ms VITE v5.0.6 ready in 239 ms ➜ Local: http://localhost:5173/ ➜ Network: use --host to expose ➜ press h + enter to show help vite:html-fallback Rewriting GET / to /index.html +0ms vite:time 16.40ms /index.html +0ms vite:resolve 1.25ms /@vite/client -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/vite/dist/client/client.mjs +0ms vite:resolve 0.27ms /docs/index.tsx -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/docs/index.tsx +3ms vite:load 2.73ms [fs] /@vite/client +0ms vite:load 0.95ms [fs] /docs/index.tsx +1ms vite:resolve 0.16ms @vite/env -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/vite/dist/client/env.mjs +8ms vite:import-analysis 3.71ms [1 imports rewritten] node_modules/vite/dist/client/client.mjs +0ms vite:transform 5.24ms /@vite/client +0ms vite:time 13.85ms /@vite/client +39ms vite:resolve 1.02ms ./App -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/docs/App.tsx +3ms vite:resolve 1.13ms react/jsx-dev-runtime -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/.vite/deps/react_jsx-dev-runtime.js?v=8e3a8b5b +0ms vite:resolve 1.16ms react-dom/client -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/.vite/deps/react-dom_client.js?v=8e3a8b5b +0ms vite:import-analysis /node_modules/.vite/deps/react_jsx-dev-runtime.js?v=8e3a8b5b needs interop +3ms vite:import-analysis /node_modules/.vite/deps/react-dom_client.js?v=8e3a8b5b needs interop +3ms vite:optimize-deps load /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/.vite/deps/react_jsx-dev-runtime.js +0ms vite:optimize-deps load /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/.vite/deps/react-dom_client.js +0ms vite:import-analysis 6.00ms [3 imports rewritten] docs/index.tsx +1ms vite:transform 13.97ms /docs/index.tsx +7ms vite:time 16.37ms /docs/index.tsx +7ms vite:load 8.15ms [fs] /node_modules/vite/dist/client/env.mjs +14ms vite:load 0.90ms [plugin] /node_modules/.vite/deps/react_jsx-dev-runtime.js?v=8e3a8b5b +1ms vite:resolve 0.32ms ./chunk-S2TLTWWO.js -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/.vite/deps/chunk-S2TLTWWO.js?v=8e3a8b5b +8ms vite:optimize-deps load /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/.vite/deps/chunk-S2TLTWWO.js +4ms vite:import-analysis 2.25ms [1 imports rewritten] node_modules/.vite/deps/react_jsx-dev-runtime.js?v=8e3a8b5b +4ms vite:transform 3.28ms /node_modules/.vite/deps/react_jsx-dev-runtime.js?v=8e3a8b5b +4ms vite:load 4.30ms [plugin] /node_modules/.vite/deps/react-dom_client.js?v=8e3a8b5b +3ms vite:resolve 0.14ms ./chunk-MCEUSTYS.js -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/.vite/deps/chunk-MCEUSTYS.js?v=8e3a8b5b +2ms vite:optimize-deps load /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/.vite/deps/chunk-MCEUSTYS.js +2ms vite:import-analysis 1.74ms [2 imports rewritten] node_modules/.vite/deps/react-dom_client.js?v=8e3a8b5b +2ms vite:transform 1.83ms /node_modules/.vite/deps/react-dom_client.js?v=8e3a8b5b +2ms vite:load 10.00ms [fs] /docs/App.tsx +2ms vite:import-analysis 0.28ms [no imports] node_modules/vite/dist/client/env.mjs +1ms vite:transform 0.69ms /node_modules/vite/dist/client/env.mjs +1ms vite:load 3.76ms [plugin] /node_modules/.vite/deps/chunk-S2TLTWWO.js?v=8e3a8b5b +1ms vite:import-analysis 0.64ms [no imports] node_modules/.vite/deps/chunk-S2TLTWWO.js?v=8e3a8b5b +1ms vite:transform 1.01ms /node_modules/.vite/deps/chunk-S2TLTWWO.js?v=8e3a8b5b +1ms vite:load 19.87ms [plugin] /node_modules/.vite/deps/chunk-MCEUSTYS.js?v=8e3a8b5b +19ms vite:cache [memory] /node_modules/.vite/deps/chunk-S2TLTWWO.js?v=8e3a8b5b +0ms vite:import-analysis 8.60ms [1 imports rewritten] node_modules/.vite/deps/chunk-MCEUSTYS.js?v=8e3a8b5b +30ms vite:transform 11.86ms /node_modules/.vite/deps/chunk-MCEUSTYS.js?v=8e3a8b5b +30ms vite:resolve 1.47ms ./global.scss -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/docs/global.scss +46ms vite:resolve 1.48ms ../packages/pkg/README.md -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/packages/pkg/README.md +0ms vite:resolve 1.47ms ../README.md -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/README.md +0ms vite:resolve 1.48ms ../packages/pkg/CHANGELOG.md -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/packages/pkg/CHANGELOG.md +0ms vite:resolve 1.49ms ../CHANGELOG.md -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/CHANGELOG.md +0ms vite:resolve 1.87ms react -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/.vite/deps/react.js?v=8e3a8b5b +1ms vite:resolve 2.09ms react-router-dom -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/.vite/deps/react-router-dom.js?v=8e3a8b5b +0ms vite:resolve 2.53ms github-markdown-css -> /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/github-markdown-css/github-markdown.css +0ms vite:import-analysis /node_modules/.vite/deps/react_jsx-dev-runtime.js?v=8e3a8b5b needs interop +15ms vite:load 1.55ms [plugin] /@react-refresh +28ms vite:cache [memory] /node_modules/.vite/deps/react_jsx-dev-runtime.js?v=8e3a8b5b +17ms vite:import-analysis /node_modules/.vite/deps/react.js?v=8e3a8b5b needs interop +1ms vite:hmr [self-accepts] docs/App.tsx +0ms vite:optimize-deps load /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/.vite/deps/react.js +49ms vite:optimize-deps load /Users/JounQin/Workspaces/GitHub/mono-lib-boilerplate/node_modules/.vite/deps/react-router-dom.js +0ms vite:import-analysis 5.82ms [11 imports rewritten] docs/App.tsx +1ms vite:transform 49.47ms /docs/App.tsx +17ms vite:load 0.91ms [plugin] vite/dynamic-import-helper.js +2ms vite:import-analysis 0.23ms [0 imports rewritten] /@react-refresh +1ms vite:transform 2.19ms /@react-refresh +1ms vite:import-analysis 0.01ms [no imports] vite/dynamic-import-helper.js +1ms vite:transform 0.86ms vite/dynamic-import-helper.js +1ms vite:load 5.57ms [plugin] /node_modules/.vite/deps/react.js?v=8e3a8b5b +4ms vite:cache [memory] /node_modules/.vite/deps/chunk-S2TLTWWO.js?v=8e3a8b5b +7ms vite:import-analysis 0.26ms [1 imports rewritten] node_modules/.vite/deps/react.js?v=8e3a8b5b +4ms vite:transform 0.85ms /node_modules/.vite/deps/react.js?v=8e3a8b5b +4ms vite:load 6.62ms [fs] /node_modules/github-markdown-css/github-markdown.css +1ms vite:load 9.61ms [fs] /docs/global.scss +3ms vite:load 148.15ms [plugin] /node_modules/.vite/deps/react-router-dom.js?v=8e3a8b5b +139ms vite:cache [memory] /node_modules/.vite/deps/chunk-MCEUSTYS.js?v=8e3a8b5b +144ms vite:cache [memory] /node_modules/.vite/deps/chunk-S2TLTWWO.js?v=8e3a8b5b +0ms vite:import-analysis 1.46ms [2 imports rewritten] node_modules/.vite/deps/react-router-dom.js?v=8e3a8b5b +144ms vite:transform 1.96ms /node_modules/.vite/deps/react-router-dom.js?v=8e3a8b5b +144ms vite:hmr [self-accepts] docs/global.scss +171ms vite:import-analysis 0.23ms [0 imports rewritten] docs/global.scss +21ms vite:hmr [self-accepts] node_modules/github-markdown-css/github-markdown.css +0ms vite:import-analysis 0.15ms [0 imports rewritten] node_modules/github-markdown-css/github-markdown.css +0ms vite:transform 162.36ms /docs/global.scss +21ms vite:transform 164.35ms /node_modules/github-markdown-css/github-markdown.css +0ms vite:cache [304] /@react-refresh +0ms vite:time 0.30ms /@react-refresh +334ms vite:cache [304] /docs/App.tsx +1ms vite:time 0.73ms /docs/App.tsx +1ms vite:cache [304] /node_modules/vite/dist/client/env.mjs +3ms vite:time 0.13ms /node_modules/vite/dist/client/env.mjs +3ms vite:cache [304] vite/dynamic-import-helper.js +8ms vite:time 0.70ms /@id/__x00__vite/dynamic-import-helper.js +8ms vite:cache [304] /docs/global.scss +1ms vite:time 0.23ms /docs/global.scss +1ms vite:cache [304] /node_modules/github-markdown-css/github-markdown.css +2ms vite:time 0.20ms /node_modules/github-markdown-css/github-markdown.css +2ms vite:load 0.15ms [plugin] /README.md +216ms vite:import-analysis /node_modules/.vite/deps/react_jsx-dev-runtime.js?v=8e3a8b5b needs interop +202ms vite:cache [memory] /node_modules/.vite/deps/react_jsx-dev-runtime.js?v=8e3a8b5b +223ms vite:import-analysis 0.94ms [1 imports rewritten] README.md +0ms vite:transform 9.08ms /README.md +202ms vite:time 10.14ms /README.md?import +80ms vite:html-fallback Rewriting GET /favicon.ico to /index.html +750ms vite:cache [memory] /docs/index.tsx +262ms vite:time 2.57ms /index.html +261ms ```

Validations

JounQin commented 9 months ago

https://github.com/vitejs/vite/pull/15282#issuecomment-1848321195