我是VueJs的初学者,这是我的第一个应用程序:

import { BootstrapVue } from 'bootstrap-vue'
import { createApp } from 'vue'
import App from './App.vue'
    
const myApp = createApp(App)
myApp.use(BootstrapVue)
myApp.mount('#app')

当我保存时,浏览器中不会显示任何内容,它会在命令中显示以下消息:

warning  in ./src/main.js

"export 'default' (imported as 'Vue') was not found in 'vue'

推荐答案

bootstrap Vue尚不支持Vue 3.

一般来说,大多数库还不支持Vue 3,所以我建议在使用它之前再等一段时间,直到生态系统赶上.

解释

发生这种情况的原因是,在Vue 2中,Vue提供了默认的导出export default vue,这允许BootstrapVue使用import Vue from 'vue'.

然而,在Vue 3中,这种情况已经改变,Vue不再提供默认导出,而是使用命名导出.因此,当BootstrapVue使用下面的第import Vue from 'vue'行时,就会发生错误.

Vue.js相关问答推荐

如何将$validator实例注入到使用组合API语法的Vue2.7应用程序中

为什么元素会从Vue 3中的TransitionGroup左上角出现?

用于循环数组的模板元素内的条件渲染

过渡如何在 Vue JS 3 中的图像上工作?

如何 for each 用户分组聊天消息?

在 Vue 文件中创建根 Vue 实例

我可以从手表调用方法并安装吗?

如何在 vue.js 构建中重命名 index.html?

将检测外部点击自定义指令从 Vue 2 迁移到 Vue 3

VueJS:向左,元素的顶部位置?

如何使用 vuejs 从 SPA 访问 /storage -laravel- 中的图像

即使在客户端设置 Access-Control-Allow-Origin 或其他 Access-Control-Allow-* 标头后也出现 CORS 错误

Vue路由安全

取消选中单选按钮

在手动安装的 vue 组件中使用 vuex

VueJS错误编译模板

Leaflet+Vue+Vuetify / Leaflet map 隐藏 vuetify 弹出对话框

Laravel 和 Vue - handler.call 不是函数

VueJS 2 在多个组件上debounce

使用 svelte js 的原因