Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
7 tasks done
JounQin opened this issue Dec 7, 2023 · 1 comment · Fixed by #15286
Closed
7 tasks done

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

JounQin opened this issue Dec 7, 2023 · 1 comment · Fixed by #15286

Comments

@JounQin
Copy link
Contributor

JounQin commented Dec 7, 2023

Describe the bug

image

related mdx-js/mdx#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!
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
Copy link
Contributor Author

JounQin commented Dec 9, 2023

#15282 (comment)

@JounQin JounQin closed this as not planned Won't fix, can't repro, duplicate, stale Dec 9, 2023
@github-actions github-actions bot locked and limited conversation to collaborators Dec 29, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant