Vue 未定义 Bootstrap-vue

Question

我已经在 vue js bootstrap vue 中安装了，使用以下命令\nyarn add bootstrap-vue bootstrap axios

\n

代码：\n

\n

\n

    ERROR  Failed to compile with 1 errors                                                                                             2:56:01 AM\n    \n     error  in ./src/main.js\n\nModule Error (from ./node_modules/eslint-loader/index.js):\n\n/home/ronin/Documents/V2/test/src/main.js\n  7:1  error  \'Vue\' is not defined  no-undef\n\n\xe2\x9c\x96 1 problem (1 error, 0 warnings)\n\n\n @ multi (webpack)-dev-server/client?http://192.168.0.161:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js\n

\n

Answer 1

如果你想使用Vue.use()你需要import Vue from 'vue'

或者import { createApp, use } from 'vue'使用use()函数代替Vue.use()

您可能需要重新考虑进口订单。

例如：

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')

或者你可以导入整个 vue，如下所示

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')