canirequire

canirequire › ESM-only › @vitejs/plugin-vue-jsx

Is @vitejs/plugin-vue-jsx ESM-only? Can you require() it?

Provides Vue 3 JSX & TSX support with HMR.

Last verified Sep 9, 2026 against @vitejs/plugin-vue-jsx@5.1.6. Markdown · JSON

ESM-only ESM-only since 5.0.0 — last CommonJS version is 4.2.0

@vitejs/plugin-vue-jsx dropped its CommonJS build in 5.0.0 (June 2025). The last version with a plain require()-able CommonJS entry is 4.2.0, published May 20, 2025; it declares support for Node.js ^18.0.0 || >=20.0.0.

On Node.js 20.19+, 22.12+ and newer, require("@vitejs/plugin-vue-jsx") works with the latest version: Node.js loads synchronous ES modules through require(). Verified on Node.js 20, 22, 24 and 26. Node.js 18 has no require(esm), and @vitejs/plugin-vue-jsx@5.1.6 declares Node.js ^20.19.0 || >=22.12.0, so 18 is outside its supported range anyway.

@vitejs/plugin-vue-jsx@5.1.6 declares engines "^20.19.0 || >=22.12.0", so Node.js 18 is outside its supported range regardless of module format.

What to do

  1. On Node.js 20.19+, 22.12+ and newer, require("@vitejs/plugin-vue-jsx") works with the latest version: Node.js loads synchronous ES modules through require(). Verified on Node.js 20, 22, 24 and 26.
  2. From a CommonJS file, use a dynamic import inside an async function: const pluginVueJsx = await import("@vitejs/plugin-vue-jsx"). That works on every Node.js version the package supports (^20.19.0 || >=22.12.0).
  3. If you need a synchronous require() or run Node.js 18: npm install @vitejs/plugin-vue-jsx@4.2.0, the last CommonJS release (published May 20, 2025); it declares Node.js ^18.0.0 || >=20.0.0.
  4. @vitejs/plugin-vue-jsx@5.1.6 declares engines "^20.19.0 || >=22.12.0", so Node.js 18 is unsupported regardless: upgrade Node.js or pin an older release.
  5. TypeScript: no types are available for @vitejs/plugin-vue-jsx; declare the module yourself if you need them.
Latest
5.1.6 (Jun 23, 2026)
Module format
ESM-only
Last CommonJS version
4.2.0
ESM-only since
5.0.0 (Jun 24, 2025)
TypeScript types
None
Node engines
^20.19.0 || >=22.12.0
Weekly downloads
1.9M
License
MIT

Does @vitejs/plugin-vue-jsx@5.1.6 actually load? Runtime test results

Installed and executed on Sep 9, 2026 with require("@vitejs/plugin-vue-jsx") from a CommonJS file and import "@vitejs/plugin-vue-jsx" from an ES module.

Runtimerequire("@vitejs/plugin-vue-jsx")import "@vitejs/plugin-vue-jsx"
Node.js 18✗ failsERR_REQUIRE_ESM✗ failsSyntaxError
Node.js 20✓ works✓ works
Node.js 22✓ works✓ works
Node.js 24✓ works✓ works
Node.js 26✓ works✓ works
Bun 1.4.0✓ works✓ works

How to import @vitejs/plugin-vue-jsx

ES modules (import)

import * as pluginVueJsx from "@vitejs/plugin-vue-jsx";

Namespace import shown because the ESM entry may have no default export; use named imports for what it exports.

CommonJS (require)

// Node.js 20.19+, 22.12+ and newer (verified):
const pluginVueJsx = require("@vitejs/plugin-vue-jsx");

// Any Node.js version the package supports (^20.19.0 || >=22.12.0), from an async function:
async function main() {
  const pluginVueJsx = await import("@vitejs/plugin-vue-jsx");
}

// Or pin the last CommonJS release (declares Node.js ^18.0.0 || >=20.0.0):
// npm install @vitejs/plugin-vue-jsx@4.2.0

Module format by version

Derived from the type, main and exports fields of every stable release on npm, corrected where a runtime test of that version contradicted them (47 versions; the newest 47 shown).

VersionsFormatFirst published
5.0.0 – 5.1.6ESM-onlyJun 24, 2025
2.0.0 – 4.2.0Dual (CommonJS + ESM)Jul 13, 2022
1.0.0 – 1.3.10CommonJSJan 4, 2021

Frequently asked

Is @vitejs/plugin-vue-jsx ESM-only?

@vitejs/plugin-vue-jsx@5.1.6 is ESM-only. @vitejs/plugin-vue-jsx dropped its CommonJS build in 5.0.0 (June 2025). The last version with a plain require()-able CommonJS entry is 4.2.0, published May 20, 2025; it declares support for Node.js ^18.0.0 || >=20.0.0.

Which version of @vitejs/plugin-vue-jsx still supports CommonJS / require()?

4.2.0 is the last version of @vitejs/plugin-vue-jsx with a CommonJS build; it declares Node.js ^18.0.0 || >=20.0.0. Install it with "npm install @vitejs/plugin-vue-jsx@4.2.0". Every version from 5.0.0 on is ESM-only.

How do I use @vitejs/plugin-vue-jsx from a CommonJS file?

From a CommonJS file, use a dynamic import inside an async function: const pluginVueJsx = await import("@vitejs/plugin-vue-jsx"). That works on every Node.js version the package supports (^20.19.0 || >=22.12.0). On Node.js 20.19+, 22.12+ and newer, require("@vitejs/plugin-vue-jsx") works with the latest version: Node.js loads synchronous ES modules through require(). Verified on Node.js 20, 22, 24 and 26. Alternatively pin @vitejs/plugin-vue-jsx@4.2.0 (declares Node.js ^18.0.0 || >=20.0.0).

Does @vitejs/plugin-vue-jsx work in Bun?

Yes. import "@vitejs/plugin-vue-jsx" loaded successfully in Bun 1.4.0 on Sep 9, 2026.

Does @vitejs/plugin-vue-jsx ship TypeScript types?

No. @vitejs/plugin-vue-jsx ships no type declarations and there is no @types package for it.

Links

Other esm-only packages

Similar popularity