Client-side middlewares don't work

[tobiasdiez]

Environment

• Operating System: Windows_NT
• Node Version: v17.0.1
• Nuxt Version: 2.16.0-27273615.ab1c6cb4
• Package Manager: yarn@1.22.15
• Bundler: Webpack
• User Config: target, bridge, vite, alias, nitro, ssr, head, css, plugins, components, tailwindcss, buildModules, modules, serverMiddleware, watch, privateRuntimeConfig, build, storybook
• Runtime Modules: -
• Build Modules: @nuxtjs/tailwindcss@4.2.1, portal-vue/nuxt, @nuxt/postcss8@1.1.3, @pinia/nuxt@0.1.0, @nuxt/bridge@3.0.0-27276275.abfbd2f

Describe the bug

Having a page with middleware: ['test'] and an (empty) middleware in middleware/test.ts, you get an error on loading the page that the middleware 'test' is not found one page load.

This has been reported before in some way or another:
https://github.com/nuxt/framework/discussions/973
https://github.com/nuxt/framework/discussions/906

Reproduction

JabRef/JabRefOnline#480
Reenable the middleware comment in dasboard.vue and run yarn dev.

Additional context

No response

Logs

No response

[Rigo-m]

Are client side middlewares supported on nuxt 3? Because there are no docs for them.

I guess you can use a defered call via asyncData in the layout to act as a client side middleware?

[wobsoriano]

https://github.com/nuxt/framework/discussions/1722

[danielroe]

I can't reproduce this on Nuxt Bridge. Would you provide a minimal reproduction please? 🙏

[danielmalmros]

Hi @danielroe
I have the same issue using a fresh Nuxt 3 setup.

• Nuxt 3 version: ^3.0.0-27338323.1e98259

Folder setup:

• middleware
  • auth.ts

Nuxt config:

import { defineNuxtConfig } from "nuxt3";

export default defineNuxtConfig({
  router: {
    middleware: ["auth"],
  },
});

I'm expecting it to run on every route.
btw. it would be nice with some documentation about client middleware on the new Nuxt 3 site - it's kinda essential to many projects :)

[danielroe]

@danielmalmros This issue is about Bridge. Nuxt 3 middleware support is in progress.

[calebwaldner]

@danielmalmros This issue is about Bridge. Nuxt 3 middleware support is in progress.

@danielroe Just checking in so I'm 100% clear on this, can we expect to get client-side middleware support with Nuxt 3 (not Bridge)? You say 'in progress' which leads me to believe Nuxt 3 will have middleware similar to Nuxt 2; I wanted to double-check that this is the case. Thanks!

[calebwaldner]

Just an update for closure, looks like clientside middleware has been added. Check it out

[danielroe]

@tobiasdiez Are you still experiencing this issue?