1

New to Vue, but trying to get v-select working. I'm getting vue is not defined when importing. Then when I import vue I'm getting a different error as listed below:

main.js

import { createApp } from 'vue'
import App from './App.vue'

import vSelect from 'vue-select'
Vue.component('v-select', vSelect)
import 'vue-select/dist/vue-select.css';


createApp(App).mount('#app')

Error

-- 'Vue' is not defined

When adding import Vue from 'vue'

Cannot read properties of undefined (reading 'component')

Boussadjra Brahim
  • 82,684
  • 19
  • 144
  • 164
JMKelley
  • 599
  • 2
  • 17
  • 36

1 Answers1

3

Assuming you've installed the right version of v-select that's compatible with vue 3 you should use app.component(...) to register it not Vue.component(...) :

import { createApp } from 'vue'
import App from './App.vue'

import vSelect from 'vue-select'
import 'vue-select/dist/vue-select.css';

const app=createApp(App)
app.component('v-select', vSelect)
app.mount('#app')
Boussadjra Brahim
  • 82,684
  • 19
  • 144
  • 164