我是VueJs的初学者,这是我的第一个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')当我保存时,我的浏览器中什么也没有出现,它在命令中显示以下消息:
warning in ./src/main.js
"export 'default' (imported as 'Vue') was not found in 'vue'发布于 2020-09-07 06:58:25
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'时,就会出现错误。
发布于 2021-11-01 07:55:03
import * as Vue from 'vue'
这对我很有效
发布于 2020-12-29 21:23:21
我收到了警告
"export 'default' (imported as 'Vue') was not found in 'vue'我使用的是Vue 3,但我正在研究的代码是Vue 2。
我在main.js中的代码Vue 2
import Vue from 'vue'
import App from './App.vue'
Vue.config.productionTip = false
new Vue ({
render: h => h(App),
}).$mount('#app')因此,我需要使用以下代码Vue 2创建一个Vue实例:
export const eventBus = new Vue ()然后我收到了错误代码,我通过更正如下代码解决了这个问题:
import { createApp } from 'vue'
import App from './App.vue'
export const eventBus = createApp(App)
createApp(App).mount('#app')https://stackoverflow.com/questions/63768491
复制相似问题