Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Nuxt page not loading #28146

Open
Aroshold opened this issue Jul 14, 2024 · 3 comments
Open

Nuxt page not loading #28146

Aroshold opened this issue Jul 14, 2024 · 3 comments
Labels
needs reproduction pending triage

Comments

@Aroshold
Copy link

Aroshold commented Jul 14, 2024 •
edited by danielroe

Environment

  • Operating System: Windows_NT
  • Node Version: v20.14.0
  • Nuxt Version: 3.12.3
  • CLI Version: 3.12.0
  • Nitro Version: 2.9.7
  • Package Manager: [email protected]
  • Builder: -
  • User Config: compatibilityDate, devtools
  • Runtime Modules: -
  • Build Modules: -

Reproduction

  1. Create a new npm nuxt project with git repository
  2. Change app.vue to
<template>
  <div>
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </div>
</template>
  1. Create any layout and index page
  2. npm run dev

Describe the bug

app.vue has both NuxtPage and NuxtLayout inside, but either only layout is loaded, or only page

Additional context

No response

Logs

No response
@github-actions GitHub Actions
Copy link
Contributor

Would you be able to provide a reproduction? 🙏

More info

Why do I need to provide a reproduction?

Reproductions make it possible for us to triage and fix issues quickly with a relatively small team. It helps us discover the source of the problem, and also can reveal assumptions you or we might be making.

What will happen?

If you've provided a reproduction, we'll remove the label and try to reproduce the issue. If we can, we'll mark it as a bug and prioritize it based on its severity and how many people we think it might affect.

If needs reproduction labeled issues don't receive any substantial activity (e.g., new comments featuring a reproduction link), we'll close them. That's not because we don't care! At any point, feel free to comment with a reproduction and we'll reopen it.

How can I create a reproduction?

We have a couple of templates for starting with a minimal reproduction:

👉 https://stackblitz.com/github/nuxt/starter/tree/v3-stackblitz
👉 https://codesandbox.io/s/github/nuxt/starter/v3-codesandbox

A public GitHub repository is also perfect. 👌

Please ensure that the reproduction is as minimal as possible. See more details in our guide.

You might also find these other articles interesting and/or helpful:

@Logannford
Copy link

hey @Aroshold ! In regards to the second point here, what are you changing app.vue to?

@Aroshold
Copy link
Author

Aroshold commented Aug 4, 2024

app.vue consists only of the following:
<template> <NuxtLayout> <NuxtPage/> </NuxtLayout> </template>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
needs reproduction pending triage
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@huang-julien @Logannford @Aroshold