“在‘vue’中找不到导出‘默认’（导入为‘Vue’）

Question

我是 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'

原文由 Noufair Younes 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Bootstrap-Vue 还不支持 Vue 3。所以如果你想使用 Bootstrap-Vue，你现在必须坚持使用 Vue 2。

一般来说，大多数库还不支持 Vue 3，所以我建议在使用它之前等待更长时间，直到生态系统跟上。

解释

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

但是，在 Vue 3 中，这种情况发生了变化，Vue 不再提供默认导出，而是使用命名导出。所以当 BootstrapVue 使用下面这行 import Vue from 'vue' 时，就会出现错误。

原文由 Hiws 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

import * as Vue from 'vue'

这对我有用

原文由 exoticism4869 发布，翻译遵循 CC BY-SA 4.0 许可协议