From 7256d2cbe00f7c870b495bb57c70e849151a1a10 Mon Sep 17 00:00:00 2001
From: Charles Lyding <19598772+clydin@users.noreply.github.com>
Date: Tue, 2 Jun 2026 11:24:03 -0400
Subject: [PATCH] fix(@angular/build): exclude JSON imports from Vite
 dependency optimization

Importing `.json` files (such as package.json files from third-party packages)
causes Vite's dependency optimizer to throw errors and warnings during
`ng serve`, as Vite is unable to optimize non-JS/TS modules:

`Cannot optimize dependency: @pkg-name/package.json, present in client 'optimizeDeps.include'`

This fix filters out any implicit dependencies ending in `.json` in the
`updateExternalMetadata` utility, preventing them from being included
in Vite's `optimizeDeps.include` array.

Closes #33280
---
 packages/angular/build/src/tools/vite/utils.ts | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/angular/build/src/tools/vite/utils.ts b/packages/angular/build/src/tools/vite/utils.ts
index 8f3ded5325f7..7250fd93ceb7 100644
--- a/packages/angular/build/src/tools/vite/utils.ts
+++ b/packages/angular/build/src/tools/vite/utils.ts
@@ -140,8 +140,12 @@ export function updateExternalMetadata(
   }
 
   const { implicitBrowser, implicitServer, explicit } = result.detail['externalMetadata'];
-  const implicitServerFiltered = implicitServer.filter((m) => !isBuiltin(m) && !isAbsoluteUrl(m));
-  const implicitBrowserFiltered = implicitBrowser.filter((m) => !isAbsoluteUrl(m));
+  const implicitServerFiltered = implicitServer.filter(
+    (m) => !isBuiltin(m) && !isAbsoluteUrl(m) && !m.endsWith('.json'),
+  );
+  const implicitBrowserFiltered = implicitBrowser.filter(
+    (m) => !isAbsoluteUrl(m) && !m.endsWith('.json'),
+  );
   const explicitBrowserFiltered = explicitPackagesOnly
     ? explicit.filter((m) => !isAbsoluteUrl(m))
     : explicit;