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

Question

I am a beginner with VueJs and this is my first App:

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

And when I save, nothing appears in my browser and it show this message in the Command:

warning  in ./src/main.js

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

Answer 1

import * as Vue from 'vue'

这对我有用

Answer 2

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

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

解释

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

然而，在 Vue 3 中这已经改变了，Vue 不再提供默认导出，而是使用命名导出。所以当 BootstrapVue 使用以下行时import Vue from 'vue'，就会出现错误。

Answer 3

我收到警告

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

我正在使用 Vue 3，但我正在研究的代码是 Vue 2。

我在 main.js 中的代码 Vue 2

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

所以我需要使用以下代码 Vue 2 创建一个 Vue 实例：

import Vue from 'vue'
import App from './App.vue'
    
Vue.config.productionTip = false
    
new Vue ({
    render: h => h(App),
}).$mount('#app')

然后我收到了错误代码，我通过更正看起来像这样的代码来解决这个问题：

export const eventBus = new Vue ()

Answer 4

你好，我正在使用 laravel 9 mix 和 vue 3 这是我的代码 app.js

// app.js
require('./bootstrap');

import { createApp } from 'vue'
import test from './components/Test.vue';

createApp({
    components: { test }
}).mount('#app')

webpack.mix.js

const mix = require('laravel-mix');

mix.js('resources/js/app.js', 'public/js').vue();