【Bug】vue-composition-api.esm.js?a6f4:37 Uncaught Error: [vue-composition-api] must call Vue.use(VueCompositionAPI) before using any function.

[djkloop]

# I have used it first at the top of main.js, but the browser still reports an error

[pikax]

You're most likely using ref/reactive outside setup or before vue is initialized.

// composables/test.ts
import { ref } from '@vue/composition-api'

const store = ref({}) // <- this will cause an error, because javascript will run before vue is initialized.

function useStore(){
 return ref({}) // works if called inside of setup or after vue initialized
}

[djkloop]

You're most likely using ref/reactive outside setup or before vue is initialized.

// composables/test.ts
import { ref } from '@vue/composition-api'

const store = ref({}) // <- this will cause an error, because javascript will run before vue is initialized.

function useStore(){
 return ref({}) // works if called inside of setup or after vue initialized
}

you are right...

[GeekyMonkey]

What's the fix if I need to have a global ref variable?