Angular: NG8004: No pipe found with name 'async' / 'date' / 'translate' — pipe not imported

Meaning

Pipes must be in scope like components. Built-in pipes (async, date, json, currency) come from CommonModule or can be imported individually as standalone pipes (AsyncPipe, DatePipe). Custom and library pipes (ngx-translate, your own) must be declared or imported.

Common causes

• Standalone component missing AsyncPipe, DatePipe, JsonPipe or CommonModule in imports
• Custom pipe not declared in a module or not imported (standalone)
• Library module (for example TranslateModule) not imported
• Typo in the pipe name
• Pipe declared in another module and not exported

Detailed fix by platform

Code examples

import { Component } from '@angular/core';
import { AsyncPipe, DatePipe } from '@angular/common';

@Component({
  selector: 'app-clock',
  standalone: true,
  imports: [AsyncPipe, DatePipe],
  template: `{{ now$ | async | date:'shortTime' }}`,
})
export class ClockComponent { now$ = timer$; }

How to diagnose

1. Pipe — Name used in the template?
2. Scope — Imported or declared where this component lives?
3. Custom — Is it standalone or in a module?

More related errors