TS1486
TypeScriptERRORNotableSyntaxHIGH confidence

Decorator used before 'export' here.

Production Risk

Build will fail; resolve before shipping.

What this means

A syntax error (TS1486): Decorator used before 'export' here.. This diagnostic is emitted by the TypeScript compiler when decorator used before 'export' here..

Why it happens
  1. 1A decorator is applied incorrectly or to an unsupported target
  2. 2The 'experimentalDecorators' flag may need to be enabled
How to reproduce

TypeScript compiler reports TS1486 during type checking.

trigger — this will error
trigger — this will error
// Triggers TS1486
// Decorator used before 'export' here.

expected output

error TS1486: Decorator used before 'export' here.

Fix

Enable experimentalDecorators

WHEN Using legacy decorator syntax

Enable experimentalDecorators
// tsconfig.json
{
  "compilerOptions": {
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true
  }
}

Why this works

Decorators require the 'experimentalDecorators' flag; TypeScript 5.0+ also supports the TC39 Stage 3 decorator proposal without the flag.

Sources
Official documentation ↗

TypeScript Compiler Diagnostics

Content generated with AI assistance and reviewed for accuracy. Found an error? hello@errcodes.dev

← All TypeScript errors