Static sites generate 404 on conditional components

[retroriff]

Environment

• Operating System: Darwin
• Node Version: v16.17.0
• Nuxt Version: 3.0.0-rc.11
• Nitro Version: 0.5.4
• Package Manager: yarn@1.22.19
• Builder: vite
• User Config: ssr, modules, i18n
• Runtime Modules: @nuxt/content@2.1.1, @nuxtjs/i18n@8.0.0-alpha.1-27728149.88b6dfd
• Build Modules: -

Reproduction

https://stackblitz.com/github/retroriff/nuxt-refresh

Describe the bug

When a component is displayed conditionally, it returns a 404 with "nuxt generate", but it works on yarn dev. The v-if generates the error:

<PrivacyPolicy v-if="showComponent" />

Additional context

No response

Logs

No response

[florianjs]

It works for me.

npx nuxi generate

Once generated, with VS Code and the Live Server plugin installed :

cd dist/
code .

Into VS Code : “Go live” in the bottom-right corner.

[retroriff]

@Icesofty That's weird. When you toggle, do you see "Hello, world" or "Not found"?

[florianjs]

@Icesofty That's weird. When you toggle, do you see "Hello, world" or "Not found"?

Ho, I got it. I have a “Not found” message indeed. I tough it was an error page. I don't why, will check tomorrow.

I guess that you could use a v-show instead of a v-if inside your index.vue as a temporary solution.

[retroriff]

Hiding them with v-show is not a solution to us because we don't want those components to be rendered. As I said, it works perfectly on nuxt dev, and used to work on Nuxt 2.

[ManasMadrecha]

It is working properly.

[retroriff]

@ManasMadrecha Are you building it with "dev" or "generate"?

[ManasMadrecha]

Hey, it's working only on dev; on generate, it's showing Not Found.

This issue is relevant even on latest edge versions of both Nuxt (rc-14) and Content module as on today.