vue 3 typescript Uncaught (in promise) TypeError: this.$on is not a function

Question

I have a fresh Vue 3 installed with vue-cli and typescript. Everything running but when I add a https://vue-select.org/ package I get get this error on the browser console

Uncaught (in promise) TypeError: this.$on is not a function
    at Proxy.created (vue-select.js?4a7a:1)
    at callWithErrorHandling (runtime-core.esm-bundler.js?5c40:155)
    at callWithAsyncErrorHandling (runtime-core.esm-bundler.js?5c40:164)
    at callHook (runtime-core.esm-bundler.js?5c40:3182)
    at applyOptions (runtime-core.esm-bundler.js?5c40:3109)
    at finishComponentSetup (runtime-core.esm-bundler.js?5c40:7265)
    at setupStatefulComponent (runtime-core.esm-bundler.js?5c40:7190)
    at setupComponent (runtime-core.esm-bundler.js?5c40:7117)
    at mountComponent (runtime-core.esm-bundler.js?5c40:5115)
    at processComponent (runtime-core.esm-bundler.js?5c40:5090)

Simple example

Home.vue
<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <vSelect :options="[{label: 'Canada', code: 'ca'}]"></vSelect>
  </div>
</template>

<script lang="ts">
import { Options, Vue } from 'vue-class-component';
import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src
import vSelect from 'vue-select';

@Options({
  components: {
    HelloWorld,
    vSelect
  },
})
export default class Home extends Vue {}
</script>

@Boussadjra is right, you can follow the open ticket on github. Here is an alternative vue next select that was written in the comments. — wittgenstein
– wittgenstein, Commented Jul 6, 2021 at 0:02

Jordan Koeppe · Accepted Answer · 2021-09-23 16:46:56Z

-1

I think the problem is not related to Vue3. It is related to typescript. Just add this package @types/vue-select. This package contains type definitions for vue-select. Also if you are using webpack for your bundler, don't forget to add this package @types/webpack-env. It contains type definitions for webpack.

edited Sep 23, 2021 at 16:46

answered Aug 26, 2021 at 22:53

Jordan Koeppe

93 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

vue 3 typescript Uncaught (in promise) TypeError: this.$on is not a function

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related