Skip to content

[Bug]: [@vue/compiler-sfc] Failed to resolve extends base type. #1504

@prpanto

Description

@prpanto

Reproduction

https://github.com/prpanto/simpler

Describe the bug

I reinstall the project and I have these errors:

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:/Dev/Vue/simpler/node_modules/reka-ui/dist/index.d.ts
433|    Closed = "closed",
434|  }
435|  interface AccordionItemProps extends Omit<CollapsibleRootProps, 'open' | 'defaultOpen' | 'onOpenChange'> {
   |                                       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
436|    /**
437|     * Whether or not an accordion item is disabled from user interaction.
../project_name/app/components/ui/accordion/AccordionItem.vue
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.

../project_name/node_modules/reka-ui/dist/index.d.ts
4217|  //#region src/DropdownMenu/DropdownMenuSubContent.vue.d.ts
4218|  type DropdownMenuSubContentEmits = MenuSubContentEmits;
4219|  interface DropdownMenuSubContentProps extends MenuSubContentProps {}
   |                                                ^^^^^^^^^^^^^^^^^^^
4220|  declare const _default$134: __VLS_WithSlots$148<vue32.DefineComponent<DropdownMenuSubContentProps, {}, {}, {}, {}, vue32.ComponentOptionsMixin, vue32.ComponentOptionsMixin, {
4221|    entryFocus: (event: Event) => any;

../project_name/app/components/ui/dropdown-menu/DropdownMenuSubContent.vue
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.

../project_name/app/components/ui/sheet/SheetContent.vue
14 |  import SheetOverlay from "./SheetOverlay.vue"
15 |  
16 |  interface SheetContentProps extends DialogContentProps {
   |                                      ^^^^^^^^^^^^^^^^^^
17 |    class?: HTMLAttributes["class"]
18 |    side?: "top" | "right" | "bottom" | "left"

../project_name/app/components/ui/sheet/SheetContent.vue

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (16) x64 AMD Ryzen 7 4800H with Radeon Graphics
    Memory: 10.02 GB / 31.36 GB
  Binaries:
    npm: 10.8.2 - C:\Program Files\nodejs\npm.CMD
    bun: 1.2.23 - C:\Users\user\AppData\Local\Temp\bun-node-cf1367137\bun.EXE
  Browsers:
    Chrome: 141.0.7390.123
    Edge: Chromium (140.0.3485.54)
    Firefox: 144.0 - C:\Program Files\Mozilla Firefox\firefox.exe
    Internet Explorer: 11.0.22621.3527

------------------------------

- Operating System: Windows_NT
- Node Version:     v24.3.0
- Nuxt Version:     4.2.0
- CLI Version:      3.29.3
- Nitro Version:    2.12.8
- Package Manager:  [email protected]
- Builder:          -
- User Config:      compatibilityDate, devtools, css, vite, modules, icon
- Runtime Modules:  @nuxtjs/[email protected], [email protected], @vueuse/[email protected], @nuxt/[email protected], @nuxt/[email protected], @nuxt/[email protected]
- Build Modules:    -

Contributes

  • I am willing to submit a PR to fix this issue
  • I am willing to submit a PR with failing tests

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions