canirequire

canirequire › ESM-only › @angular/animations

Is @angular/animations ESM-only? Can you require() it?

Angular - animations integration with web-animations

Last verified Sep 9, 2026 against @angular/animations@22.1.5. JSON

ESM-only ESM-only since 13.0.0 — last CommonJS version is 12.2.17

@angular/animations dropped its CommonJS build in 13.0.0 (November 2021). The last version you can require() on every Node.js version, including 18 and older, is 12.2.17, published Nov 22, 2022.

require("@angular/animations") failed in our probe on Node.js 20+ as well. See the runtime matrix below for the exact error.

@angular/animations@22.1.5 declares engines "^22.22.3 || ^24.15.0 || >=26.0.0", so Node.js 18, 20 are outside its supported range regardless of module format.

Latest
22.1.5 (Sep 3, 2026)
Module format
ESM-only
Last CommonJS version
12.2.17
ESM-only since
13.0.0 (Nov 3, 2021)
TypeScript types
Bundled
Node engines
^22.22.3 || ^24.15.0 || >=26.0.0
License
MIT

Deprecated: @angular/animations is deprecated. Use `animate.enter` and `animate.leave` instead. For more information see: https://v22.angular.dev/guide/animations.

Does @angular/animations@22.1.5 actually load? Runtime test results

Installed and executed on Sep 9, 2026 with require("@angular/animations") from a CommonJS file and import "@angular/animations" from an ES module.

Runtimerequire("@angular/animations")import "@angular/animations"
Node.js 18✗ failsERR_REQUIRE_ESM✗ failsError: The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.
Node.js 20✗ failsError: The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.✗ failsError: The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.
Node.js 22✗ failsError: The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.✗ failsError: The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.
Node.js 24✗ failsError: The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.✗ failsError: The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.
Node.js 26✗ failsError: The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.✗ failsError: The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.
Bun 1.4✗ failserror: The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.✗ failserror: The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.

How to import @angular/animations

ES modules (import)

import animations from "@angular/animations";

CommonJS (require)

// Node.js 20.19+ / 22.12+ / newer (package has no top-level await):
const animations = require("@angular/animations");

// Any Node.js version:
const animations = await import("@angular/animations");

// Or pin the last CommonJS release:
// npm install @angular/animations@12.2.17

Module format by version

Derived from the type, main and exports fields of every stable release on npm (548 versions; the newest 60 shown).

VersionsFormatFirst published
20.3.26 – 22.1.5ESM-onlyJul 8, 2026

Frequently asked

Is @angular/animations ESM-only?

@angular/animations@22.1.5 is ESM-only. @angular/animations dropped its CommonJS build in 13.0.0 (November 2021). The last version you can require() on every Node.js version, including 18 and older, is 12.2.17, published Nov 22, 2022.

Which version of @angular/animations still supports CommonJS / require()?

12.2.17 is the last version of @angular/animations with a CommonJS build. Install it with "npm install @angular/animations@12.2.17". Every version from 13.0.0 on is ESM-only.

How do I use @angular/animations from a CommonJS file?

Use a dynamic import: const mod = await import("@angular/animations"). On Node.js 20.19+, 22.12+ and newer, a plain require("@angular/animations") also works for ESM packages that do not use top-level await. Alternatively pin @angular/animations@12.2.17.

Does @angular/animations work in Bun?

Importing @angular/animations failed in Bun 1.4 on Sep 9, 2026: error: The service 'AnimationBuilder' needs to be compiled using the JIT compiler, but '@angular/compiler' is not available.

Does @angular/animations ship TypeScript types?

Yes. @angular/animations bundles its own type declarations; no @types package is needed.

Links

Other esm-only packages

Similar popularity