【问题标题】:Vue is not defined Bootstrap-vueVue 没有定义 Bootstrap-vue
【发布时间】:2020-12-09 06:54:54
【问题描述】:

我已经在vue js bootstrap vue中安装了,使用如下命令 yarn add bootstrap-vue bootstrap axios

代码:

    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

【问题讨论】:

  • main.js 的开头添加此行import Vue from 'vue'。并在import {createApp}的下一行添加console.log(createApp),我认为createApp是未定义的。

标签: vue.js ubuntu bootstrap-vue


【解决方案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')

【讨论】:

    猜你喜欢
    • 2016-07-12
    • 2017-12-12
    • 2019-04-05
    • 2019-01-03
    • 2021-06-15
    • 2022-01-26
    • 1970-01-01
    • 2021-03-01
    • 2021-01-05
    相关资源
    最近更新 更多