Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

DavidSprauel's avatar

Vue 3 TreeSelect

Hello,

i'm using this package https://github.com/megafetis/vue3-treeselect for a Tree Select component, and it works like a charm in a front point of view, but it spam my console with warning which I can't get rid of. I would have like to post an issue in the package github but it isn't supported anymore.

To be fair, I know I should be looking for another package, but i've been searching on google for hours and didn't find anything really interesting for vue 3 ...

The warning is : runtime-core.esm-bundler.js?5c40:38 [Vue warn]: Failed to resolve component: transition If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

Even on google i can't find anything really relevant. If someone has a solution i'd be really grateful

0 likes
4 replies
rodrigo.pedra's avatar

This package is flagged as archived (read-only) on github and it last commit is from 10 months ago.

Maybe by then calling built-in components still worked without local registration, but after Vue 3 release built-in components should be registered locally as stated here:

https://v3.vuejs.org/guide/render-function.html#built-in-components

Built-in components such as , , , and are not registered globally by default. This allows bundlers to perform tree-shaking, so that the components are only included in the build if they are used. However, that also means we can't access them using resolveComponent or resolveDynamicComponent.

The warning messages is because Vue3 TreeSelect uses the built-in <transsition> component in a render function without registering it. So Vue does not know which component to render and warns you out.

As the project is archived, I don't think the author would update it.

I guess you have two options:

  1. Fork the project and import it in your package.json using your git repo.
  2. Register the <transition> component to be globally available when creating the app.

If you choose option 2, consider also registering the <transition-group> component which is also used in this package.

1 like
rodrigo.pedra's avatar

@DavidSprauel it should do the trick by now. (according to the warning you described to be getting)

But be aware as this library is officially unmaintained, future breaking changes could be harder to circumvent and then forking becoming mandatory.

agb1's avatar

I understood that this question posted quite long time ago, but, just in case, anyone still wants to use vue3-treeselect library with current Vue 3.x version without warning messages mentioned in initial message I could suggest to have a look at forked version - @cholakovdev/vue3-treeselect available for npm install as:

npm install --save @cholakovdev/vue3-treeselect

and source code available here: https://github.com/cholakovdev/vue3-treeselect

All credits goes to Anatoli, who updated original version and fixed annoying warning messages.

Please or to participate in this conversation.