fix(dev): strip windows working directory from rendered errors

Author: danielroe

packages/nuxt-cli/src/dev/error.ts

@@ -4,7 +4,7 @@ import type { SourceLoader, StackFrame } from 'youch-core/types'
 import { readFile } from 'node:fs/promises'
 import process from 'node:process'
 
-import { dirname, resolve } from 'pathe'
+import { dirname, normalize, resolve } from 'pathe'
 import { SourceMapConsumer } from 'source-map'
 import { Youch } from 'youch'
 import { ErrorParser } from 'youch-core'
@@ -59,7 +59,17 @@ export async function renderError(req: IncomingMessage, res: ServerResponse, err
 export async function renderErrorAnsi(error: unknown): Promise<string> {
   await loadStackTrace(error).catch(err => debug('Failed to load stack trace:', err))
   const ansi = await new Youch().toANSI(error)
-  return ansi.replaceAll(process.cwd(), '.')
+  return stripCwd(ansi)
+}
+
+/**
+ * Replace the working directory in rendered output with `.`.
+ *
+ * Frame filenames are normalised to forward slashes, so on Windows the native
+ * `process.cwd()` spelling never matches and both forms have to be stripped.
+ */
+export function stripCwd(text: string, cwd = process.cwd()): string {
+  return text.replaceAll(cwd, '.').replaceAll(normalize(cwd), '.')
 }
 
 const sourceLoader: SourceLoader = async (frame) => {

packages/nuxt-cli/test/unit/errors.spec.ts

@@ -1,5 +1,6 @@
 import { describe, expect, it } from 'vitest'
 
+import { stripCwd } from '../../src/dev/error'
 import { isBrokenPipe } from '../../src/utils/errors'
 
 describe('isBrokenPipe', () => {
@@ -14,3 +15,19 @@ describe('isBrokenPipe', () => {
     expect(isBrokenPipe(undefined)).toBe(false)
   })
 })
+
+describe('stripCwd', () => {
+  it('should strip posix working directories', () => {
+    expect(stripCwd('at /home/me/app/pages/index.vue:3:1', '/home/me/app')).toBe('at ./pages/index.vue:3:1')
+  })
+
+  it('should strip both spellings of a windows working directory', () => {
+    const cwd = 'C:\\Users\\me\\app'
+    expect(stripCwd('at C:/Users/me/app/pages/index.vue:3:1', cwd)).toBe('at ./pages/index.vue:3:1')
+    expect(stripCwd('at C:\\Users\\me\\app\\pages\\index.vue:3:1', cwd)).toBe('at .\\pages\\index.vue:3:1')
+  })
+
+  it('should leave unrelated paths alone', () => {
+    expect(stripCwd('at /elsewhere/app/index.vue:1:1', '/home/me/app')).toBe('at /elsewhere/app/index.vue:1:1')
+  })
+})