[@vue/compiler-sfc] Failed to resolve extends base type.

[iEnzO233]

Description

hi
after i upgrade from v2 to v3 i get this error :

[plugin:vite:vue] [@vue/compiler-sfc] Failed to resolve extends base type.
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.

/node_modules/@nuxt/ui/dist/runtime/components/Carousel.vue
151| const appConfig = useAppConfig()
152| const { dir, t } = useLocale()
153| const rootProps = useForwardProps(reactivePick(props, 'active', 'align', 'breakpoints', 'containScroll', 'dragFree', 'dragThreshold', 'duration', 'inViewThreshold', 'loop', 'skipSnaps', 'slidesToScroll', 'startIndex', 'watchDrag', 'watchResize', 'watchSlides', 'watchFocus'))
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
154|
155| const prevIcon = computed(() => props.prevIcon || (dir.value === 'rtl' ? appConfig.ui.icons.arrowRight : appConfig.ui.icons.arrowLeft))

can anyone help me ?

[denny-il]

I had the same issue.

In my case I was using pnpm monorepo, and I had "moduleResolution": "nodenext" in my root tsconfig.json. I've managed to solve the issue by setting "moduleResolution": "bundler".

(Also, removing tsconfig in the root solved the problem too)

[PolanskiPol]

I'm facing the same problem. I tried @denis-ilchishin approach but it didn't help in my case.

[ineshbose]

Reproduction: https://stackblitz.com/edit/github-omkmnfhc?file=app%2Fcomponents%2FTemplateMenu.vue

(it is possible that DropdownMenuItem uses may have broken too as I am getting Type instantiation is excessively deep and possibly infinite.)

[ineshbose]

I get a feeling that this may be getting tracked in #3973 now..

[iEnzO233]

I had the same issue.

In my case I was using pnpm monorepo, and I had "moduleResolution": "nodenext" in my root tsconfig.json. I've managed to solve the issue by setting "moduleResolution": "bundler".

(Also, removing tsconfig in the root solved the problem too)

i have removed tsconfig and it solve the problem thanks