From a6225e5d1738657bd2167175565a8d94bde22aad Mon Sep 17 00:00:00 2001
From: Alan Agius <alanagius@google.com>
Date: Fri, 3 Nov 2023 13:42:39 +0000
Subject: [PATCH] fix(@angular-devkit/build-angular): media files download
 files in vite

Unlike assets, output file were not prefixed with a `/`. This change alings these and now files are always prefixed with a slash.

Closes #26215
---
 .../src/builders/dev-server/vite-server.ts      | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/packages/angular_devkit/build_angular/src/builders/dev-server/vite-server.ts b/packages/angular_devkit/build_angular/src/builders/dev-server/vite-server.ts
index bcb9a42a8e9a..d71dfa7b5e92 100644
--- a/packages/angular_devkit/build_angular/src/builders/dev-server/vite-server.ts
+++ b/packages/angular_devkit/build_angular/src/builders/dev-server/vite-server.ts
@@ -318,8 +318,9 @@ function analyzeResultFiles(
       // This mimics the Webpack dev-server behavior.
       filePath = '/index.html';
     } else {
-      filePath = normalizePath(file.path);
+      filePath = '/' + normalizePath(file.path);
     }
+
     seen.add(filePath);
 
     // Skip analysis of sourcemaps
@@ -461,13 +462,11 @@ export async function setupServer(
             // Remove query if present
             const [importerFile] = importer.split('?', 1);
 
-            source = normalizePath(
-              join(dirname(relative(virtualProjectRoot, importerFile)), source),
-            );
-          }
-          if (source[0] === '/') {
-            source = source.slice(1);
+            source =
+              '/' +
+              normalizePath(join(dirname(relative(virtualProjectRoot, importerFile)), source));
           }
+
           const [file] = source.split('?', 1);
           if (outputFiles.has(file)) {
             return join(virtualProjectRoot, source);
@@ -475,7 +474,7 @@ export async function setupServer(
         },
         load(id) {
           const [file] = id.split('?', 1);
-          const relativeFile = normalizePath(relative(virtualProjectRoot, file));
+          const relativeFile = '/' + normalizePath(relative(virtualProjectRoot, file));
           const codeContents = outputFiles.get(relativeFile)?.contents;
           if (codeContents === undefined) {
             if (relativeFile.endsWith('/node_modules/vite/dist/client/client.mjs')) {
@@ -593,7 +592,7 @@ export async function setupServer(
                 return;
               }
 
-              const rawHtml = outputFiles.get('index.server.html')?.contents;
+              const rawHtml = outputFiles.get('/index.server.html')?.contents;
               if (!rawHtml) {
                 next();