'Vue is not defined'

[jaketyb]

Attempting to use gridjs-vue produces the error 'Vue is not defined' in the browser console, and the app is prevented from rendering.

Following either the local or global component registration guide produces the same error.

My main.js before adding any gridjs-vue references, working fine:

import Vue from 'vue'
import App from './App.vue'
import store from './store/store.js'
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
import 'select2/dist/css/select2.min.css'

Vue.config.productionTip = false
Vue.use(BootstrapVue)
Vue.use(IconsPlugin)

new Vue({
  render: h => h(App),
  store,
}).$mount('#app')

After registering:

import Vue from 'vue'
import App from './App.vue'
import store from './store/store.js'
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue'
import { GridGlobal } from 'gridjs-vue';

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'
import 'select2/dist/css/select2.min.css'

Vue.config.productionTip = false
Vue.use(BootstrapVue)
Vue.use(IconsPlugin)
Vue.use(GridGlobal)

new Vue({
  render: h => h(App),
  store,
}).$mount('#app')

Then the app no longers renders and the following error is seen in the browser console:

main.esm.js?a234:1 Uncaught ReferenceError: Vue is not defined
    at Module.eval (main.esm.js?a234:1)
    at eval (main.esm.js:8)
    at Module../node_modules/gridjs-vue/dist/main.esm.js (chunk-vendors.js:5346)
    at __webpack_require__ (app.js:786)
    at fn (app.js:151)
    at eval (main.js:14)
    at Module../src/main.js (app.js:1292)
    at __webpack_require__ (app.js:786)
    at fn (app.js:151)
    at Object.

If I just follow the local component registration and do something like this:

<template>  
    <div>
        <Grid :cols="[]" :rows="[]"></Grid>
    </div>
</template>

<script>
import  { Grid } from 'gridjs-vue'

export default {    
    components: {
        Grid    
    }
}
</script>

I still get the same 'Vue is not defined' error. I fail to see anything I'm doing wrong, other parts of my app work fine without throwing any errors.

I'm using Vue 2.6.14.

[jaketyb]

Downgrading to v4.0.0 has fixed this for now

[PurpleEyeGH]

Ok same here

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[cjonstrup]

Same issue

[Dev314]

The same issue for me :-(

[palanza]

+1

[ZerxaFun]

+1..