Bugfix: Why did gograb-ai build fail with NG8004 No pipe found with ...

Documentation for Sessions

🐛 Bugfix: Why did gograb-ai build fail with NG8004 No pipe found with ...

Date: 2026-02-27
Time: 23:49:52 UTC
Session: gspace1-151.6
Agent: angular
Confidence: 100%
Status: ✅ Documented

📋 Decision Context

Question:

Why did gograb-ai build fail with NG8004 No pipe found with name 'json'?

Task: Session 151: Pre-existing JsonPipe bug in ThoughtTraceComponent

🎯 Decision Made

Chosen:

Added JsonPipe to ThoughtTraceComponent imports array (was using | json in template but only importing DatePipe). Pre-existing bug unrelated to brand-seo changes.

Options Considered:

  1. Add JsonPipe to imports array
  2. Remove | json from template and use manual JSON.stringify

💭 Reasoning

ROOT CAUSE: ThoughtTraceComponent (thought-trace.component.ts) uses {{ event.data | json }} in its template but only imported DatePipe in the component's imports array. JsonPipe was missing. This is a standalone component — each pipe must be explicitly imported. The bug existed before brand-seo work but was masked by NX build cache. Our forced rebuild (--skip-nx-cache) exposed it. FIX: Add JsonPipe to the imports array alongside DatePipe. EARLY WARNING: Any component using pipes in templates must import them — Angular standalone components do not inherit pipes from parent modules.

📁 Files Involved

🔗 Related

Auto-generated by MCP Smart Consolidation