问题现象

VUE 3项目运行报错 提示：export ‘default’ (imported as ‘Vue’) was not found in ‘vue’ ，报错信息如下所示：

warning  in ./src/main.js

export 'default' (imported as 'Vue') was not found in 'vue' (possible exports: BaseTransition……

问题原因

当前我创建的是Vue 3的项目，现在在main.js里面代码使用了VUE 2中的写法：

import Vue from 'vue' //这是VUE2.0 的写法 VUE3 中不支持这种导入方式

解决办法

VUE 3里使用createApp 函数取代了全局的 Vue 实例,正确代码如下：

import { createApp } from 'vue' //Vue 3 中，createApp 函数取代了全局的 Vue 实例

tips

由于VUE 3项目里使用createApp 函数取代了全局的 Vue 实例，所以如果代码里直接使用：Vue.use 等方法时，代码便会继续报错，提示Vue未定义等，此时可以使用变量接收createApp(App)，然后再调用，代码参考如下：

import { createApp } from 'vue' //Vue 3 中，createApp 函数取代了全局的 Vue 实例
import App from './App.vue'
const vm =createApp(App)

vm.use(XXXX,options)
)
createApp(App).mount('#app')