NuxtN
Nuxt6mo ago
6 replies
olegsey

Github Actions broken Nuxt UI starter build

While generating to static, outputs empty app, and then on client side
<div id="__nuxt">
    <uapp>
        <div class="flex flex-col items-center justify-center gap-4 h-screen">
            <h1 class="font-bold text-2xl text-(--ui-primary)"> Nuxt UI - Starter </h1>
            <div class="flex items-center gap-2">
                <ubutton label="Documentation" icon="i-lucide-square-play" to="https://ui.nuxt.com/getting-started/installation/nuxt" target="_blank"></ubutton>
                <ubutton label="GitHub" color="neutral" variant="outline" icon="i-simple-icons-github" to="https://github.com/nuxt/ui" target="_blank"></ubutton>
            </div>
        </div>
    </uapp>
</div>

also, crawler fails to find dynamic routes, but i think it's because it just failed to generate pages itself
Also if i remove all nuxt-ui components it will work ok, but i not sure is this problem is only with nuxt ui or more general issue

locally all this commands works fine

How to recreate:
1) npm create nuxt@latest -- -t ui
2) commit and push to github
3) create githubpages action
do not forget to add
env:
  NUXT_APP_BASE_URL: /reponame/

save and wait for deployment

my example:
https://github.com/VofSwords/nuxt-issue
GitHub
Contribute to VofSwords/nuxt-issue development by creating an account on GitHub.
Was this page helpful?