Vue is not defined Bootstrap-vue

Question

I've installed in vue js bootstrap vue, with the following command yarn add bootstrap-vue bootstrap axios

Code:

    ERROR  Failed to compile with 1 errors                                                                                             2:56:01 AM
    
     error  in ./src/main.js

Module Error (from ./node_modules/eslint-loader/index.js):

/home/ronin/Documents/V2/test/src/main.js
  7:1  error  'Vue' is not defined  no-undef

✖ 1 problem (1 error, 0 warnings)


 @ multi (webpack)-dev-server/client?http://192.168.0.161:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

Adds this line import Vue from 'vue' at the beginning of main.js. And add console.log(createApp) at the following line of import {createApp}, I think createApp is undefined. — Sphinx
– Sphinx, Commented Aug 20, 2020 at 0:56

Yondonjamts Ganzorig · Accepted Answer · 2020-08-21 04:15:01Z

If you wanted to use Vue.use() you needed to import Vue from 'vue'

Or import { createApp, use } from 'vue' and use use() function instead of Vue.use()

And you might needed to reconsider on import orders.

Eg:

import { createApp, use } from 'vue'

import App from './App.vue'
import router from './router'
import BootstrapVue from 'bootstrap-vue'

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

use(BootstrapVue)
createApp(App).use(router).mount('#app')

Or you could import whole vue shown below

import Vue from 'vue'
import App from './App.vue'
import router from './router'

import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue)
Vue.createApp(App).use(router).mount('#app')

Collectives™ on Stack Overflow

Vue is not defined Bootstrap-vue

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related