diff --git a/packages/next/src/client/components/react-dev-overlay/server/middleware-turbopack.ts b/packages/next/src/client/components/react-dev-overlay/server/middleware-turbopack.ts index b71aeaba2a493..25eac472abdcf 100644 --- a/packages/next/src/client/components/react-dev-overlay/server/middleware-turbopack.ts +++ b/packages/next/src/client/components/react-dev-overlay/server/middleware-turbopack.ts @@ -151,7 +151,7 @@ export function getOverlayMiddleware(project: Project) { } } -export function getSourceMapMiddleware(project: Project) { +export function getSourceMapMiddleware(project: Project, distDir: string) { return async function ( req: IncomingMessage, res: ServerResponse, @@ -163,13 +163,17 @@ export function getSourceMapMiddleware(project: Project) { return next() } - const filename = searchParams.get('filename') + let filename = searchParams.get('filename') if (!filename) { return badRequest(res) } try { + if (filename.startsWith('/_next/static')) { + filename = path.join(distDir, filename.replace(/^\/_next\//, '')) + } + const sourceMapString = await project.getSourceMap(filename) if (sourceMapString) { diff --git a/packages/next/src/server/dev/hot-reloader-turbopack.ts b/packages/next/src/server/dev/hot-reloader-turbopack.ts index 5eb5f61c0aef0..a0b0f1c33fabf 100644 --- a/packages/next/src/server/dev/hot-reloader-turbopack.ts +++ b/packages/next/src/server/dev/hot-reloader-turbopack.ts @@ -568,7 +568,7 @@ export async function createHotReloaderTurbopack( const middlewares = [ getOverlayMiddleware(project), - getSourceMapMiddleware(project), + getSourceMapMiddleware(project, distDir), ] const versionInfoPromise = getVersionInfo(