vite-plugin-mdx: TypeError: mdx is not a function

vite.config.json is:

import { defineConfig } from 'vite';
import mdx from 'vite-plugin-mdx'

const { resolve } = path;

export default defineConfig({
  plugins: [
    mdx()
  ],
})

but I got error:

TypeError: mdx is not a function

May I ask Why and how to solve it?

About this issue

Original URL
State: closed
Created a year ago
Reactions: 1
Comments: 15

Most upvoted comments

@silvenon Still error, You can try it locally.

failed to load config from /Users/xxx/Desktop/quarkc-project111111/vite.config.ts
error when starting dev server:
TypeError: mdxPlugin is not a function
    at Object.<anonymous> (/Users/xxx/Desktop/quarkc-project111111/vite.config.ts:40:5)
    at Module._compile (node:internal/modules/cjs/loader:1105:14)
    at Object._require.extensions.<computed> [as .js] (file:///Users/xxx/Desktop/quarkc-project111111/node_modules/vite/dist/node/chunks/dep-a8e37fae.js:66174:24)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at loadConfigFromBundledFile (file:///Users/xxx/Desktop/quarkc-project111111/node_modules/vite/dist/node/chunks/dep-a8e37fae.js:66182:21)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async loadConfigFromFile (file:///Users/xxx/Desktop/quarkc-project111111/node_modules/vite/dist/node/chunks/dep-a8e37fae.js:66007:28)

xsf0105 on Jul 24, 2023