fix(nuxt): print route middleware path in warning (#33136)

BobbieGoede · web-flow · commit 27dc1f240d6b · 2025-09-05T13:26:36.000+01:00
diff --git a/packages/nuxt/src/app/plugins/router.ts b/packages/nuxt/src/app/plugins/router.ts
@@ -268,7 +268,7 @@ export default defineNuxtPlugin<{ route: Route, router: Router }>({
 
           for (const middleware of middlewareEntries) {
             if (import.meta.dev) {
-              nuxtApp._processingMiddleware = middleware.name || true
+              nuxtApp._processingMiddleware = (middleware as any)._path || true
             }
             const result = await nuxtApp.runWithContext(() => middleware(to, from))
             if (import.meta.server) {
diff --git a/packages/nuxt/src/core/templates.ts b/packages/nuxt/src/core/templates.ts
@@ -6,7 +6,7 @@ import { generateTypes, resolveSchema } from 'untyped'
 import escapeRE from 'escape-string-regexp'
 import { hash } from 'ohash'
 import { camelCase } from 'scule'
-import { filename } from 'pathe/utils'
+import { filename, reverseResolveAlias } from 'pathe/utils'
 import type { Nitro } from 'nitropack/types'
 
 import { annotatePlugins, checkForCircularDependencies } from './app'
@@ -331,14 +331,38 @@ export const layoutTemplate: NuxtTemplate = {
 // Add middleware template
 export const middlewareTemplate: NuxtTemplate = {
   filename: 'middleware.mjs',
-  getContents ({ app }) {
+  getContents ({ app, nuxt }) {
     const globalMiddleware = app.middleware.filter(mw => mw.global)
     const namedMiddleware = app.middleware.filter(mw => !mw.global)
-    const namedMiddlewareObject = genObjectFromRawEntries(namedMiddleware.map(mw => [mw.name, genDynamicImport(mw.path)]))
+    const alias = nuxt.options.dev ? { ...nuxt?.options.alias || {}, ...strippedAtAliases } : {}
     return [
       ...globalMiddleware.map(mw => genImport(mw.path, genSafeVariableName(mw.name))),
-      `export const globalMiddleware = ${genArrayFromRaw(globalMiddleware.map(mw => genSafeVariableName(mw.name)))}`,
-      `export const namedMiddleware = ${namedMiddlewareObject}`,
+      ...!nuxt.options.dev
+        ? [
+            `export const globalMiddleware = ${genArrayFromRaw(globalMiddleware.map(mw => genSafeVariableName(mw.name)))}`,
+            `export const namedMiddleware = ${genObjectFromRawEntries(namedMiddleware.map(mw => [mw.name, genDynamicImport(mw.path)]))}`,
+          ]
+        : [
+            `const _globalMiddleware = ${genObjectFromRawEntries(globalMiddleware.map(mw => [reverseResolveAlias(mw.path, alias).pop() || mw.path, genSafeVariableName(mw.name)]))}`,
+            `for (const path in _globalMiddleware) {`,
+            `  Object.defineProperty(_globalMiddleware[path], '_path', { value: path })`,
+            `}`,
+            `export const globalMiddleware = Object.values(_globalMiddleware)`,
+            `const _namedMiddleware = ${genArrayFromRaw(namedMiddleware.map(mw => ({
+              name: genString(mw.name),
+              path: genString(reverseResolveAlias(mw.path, alias).pop() || mw.path),
+              import: genDynamicImport(mw.path),
+            })))}`,
+            `for (const mw of _namedMiddleware) {`,
+            `  const i = mw.import`,
+            `  mw.import = () => i().then(r => {`,
+            `    Object.defineProperty(r.default || r, '_path', { value: mw.path })`,
+            `    return r`,
+            `  })`,
+            `}`,
+            `export const namedMiddleware = Object.fromEntries(_namedMiddleware.map(mw => [mw.name, mw.import]))`,
+          ],
+
     ].join('\n')
   },
 }
@@ -649,3 +673,8 @@ export const buildTypeTemplate: NuxtTemplate = {
     return declarations
   },
 }
+
+const strippedAtAliases = {
+  '@': '',
+  '@@': '',
+}
diff --git a/packages/nuxt/src/pages/runtime/plugins/router.ts b/packages/nuxt/src/pages/runtime/plugins/router.ts
@@ -224,7 +224,7 @@ const plugin: Plugin<{ router: Router }> = defineNuxtPlugin({
 
           try {
             if (import.meta.dev) {
-              nuxtApp._processingMiddleware = (typeof entry === 'string' ? entry : middleware.name) || true
+              nuxtApp._processingMiddleware = (middleware as any)._path || (typeof entry === 'string' ? entry : true)
             }
             const result = await nuxtApp.runWithContext(() => middleware(to, from))
             if (import.meta.server || (!nuxtApp.payload.serverRendered && nuxtApp.isHydrating)) {

Original file line number	Diff line number	Diff line change
`@@ -268,7 +268,7 @@ export default defineNuxtPlugin<{ route: Route, router: Router }>({`
`268`	`268`
`269`	`269`	`for (const middleware of middlewareEntries) {`
`270`	`270`	`if (import.meta.dev) {`
`271`		`- nuxtApp._processingMiddleware = middleware.name \|\| true`
	`271`	`+ nuxtApp._processingMiddleware = (middleware as any)._path \|\| true`
`272`	`272`	`}`
`273`	`273`	`const result = await nuxtApp.runWithContext(() => middleware(to, from))`
`274`	`274`	`if (import.meta.server) {`
Original file line number	Diff line number	Diff line change
`@@ -224,7 +224,7 @@ const plugin: Plugin<{ router: Router }> = defineNuxtPlugin({`
`224`	`224`
`225`	`225`	`try {`
`226`	`226`	`if (import.meta.dev) {`
`227`		`- nuxtApp._processingMiddleware = (typeof entry === 'string' ? entry : middleware.name) \|\| true`
	`227`	`+ nuxtApp._processingMiddleware = (middleware as any)._path \|\| (typeof entry === 'string' ? entry : true)`
`228`	`228`	`}`
`229`	`229`	`const result = await nuxtApp.runWithContext(() => middleware(to, from))`
`230`	`230`	`if (import.meta.server \|\| (!nuxtApp.payload.serverRendered && nuxtApp.isHydrating)) {`