NuxtN
Nuxt12mo ago
23 replies
JustSerdar

Nuxt UI Pro - Docs template

When running the direct CLI on the repo page:
npx nuxi init -t github:nuxt-ui-pro/docs#v3

I get this output:
ERROR  Pre-transform error: [@vue/compiler-sfc] Failed to resolve extends base type.  14:31:24  
If this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore */ before it, for example:

interface Props extends /* @vue-ignore */ Base {}

Note: both in 3.2 or with the ignore, the properties in the base type are treated as fallthrough 
attrs at runtime.

C:/Users/justserdar/Documents/GitHub/nuxt-creem-docs/node_modules/@nuxt/ui/dist/runtime/components/Button.vue
62 |  const { orientation, size: buttonSize } = useButtonGroup<ButtonProps>(props)
63 |
64 |  const loadingAutoState = ref(false)
   |                                      ^
65 |  const formLoading = inject<Ref<boolean> | undefined>(formLoadingInjectionKey, undefined)   
   |  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
66 |
  Plugin: vite:vue
  File: C:/Users/justserdar/Documents/GitHub/nuxt-creem-docs/node_modules/@nuxt/ui/dist/runtime/components/Button.vue (x7)


[14:31:26]  ERROR  Pre-transform error: Failed to resolve import "@nuxt/ui/runtime/components/Toaster.d.vue.js" from "../node_modules/@nuxt/ui/dist/runtime/components/App.vue". Does the file exist?
  Plugin: vite:import-analysis
  File: C:/Users/justserdar/Documents/GitHub/nuxt-creem-docs/node_modules/@nuxt/ui/dist/runtime/components/App.vue:28:21
  16 |  import { ConfigProvider, TooltipProvider, useForwardProps } from "reka-ui";
  17 |  import { reactivePick } from "@vueuse/core";
  18 |  import UToaster from "@nuxt/ui/runtime/components/Toaster.d.vue.js";
     |                        ^
  19 |  import UModalProvider from "@nuxt/ui/runtime/components/ModalProvider.d.vue.js";
  20 |  import USlideoverProvider from "@nuxt/ui/runtime/components/SlideoverProvider.d.vue.js"; 



DOM doesn't load sadly, but this builds fine on server.
Was this page helpful?