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

最近用vue3.0起了个新项目，引用element ui2.x的时候，还是按照之前的写法import Vue from "vue"结果就报错了，因为vue3.0没有导出Vue，尴尬，所以Vue.use(xxx)也就没法使用了。现在使用插件要用下面的方式，代码是官方文档上抄的：

import { createApp } from 'vue'
import Root from './App.vue'
import i18nPlugin from './plugins/i18n'const app = createApp(Root)
const i18nStrings = {greetings: {hi: 'Hallo!'}
}app.use(i18nPlugin, i18nStrings)
app.mount('#app')

要使用createApp()创建出来的示例 app上

另外element UI 也不适用与vue3.0，换成了element plus

安装之后，在main.js引入，我是按需引入的方式

import { createApp } from 'vue'
import App from './App.vue'
import 'element-plus/lib/theme-chalk/index.css';import {ElAlert,ElAside,ElAutocomplete,ElAvatar,ElBacktop,ElBadge,ElBreadcrumb,ElBreadcrumbItem,ElButton,ElButtonGroup,ElCalendar,ElCard,ElCarousel,ElCarouselItem,ElCascader,ElCascaderPanel,ElCheckbox,ElCheckboxButton,ElCheckboxGroup,ElCol,ElCollapse,ElCollapseItem,ElCollapseTransition,ElColorPicker,ElContainer,ElDatePicker,ElDialog,ElDivider,ElDrawer,ElDropdown,ElDropdownItem,ElDropdownMenu,ElFooter,ElForm,ElFormItem,ElHeader,ElIcon,ElImage,ElInput,ElInputNumber,ElLink,ElMain,ElMenu,ElMenuItem,ElMenuItemGroup,ElOption,ElOptionGroup,ElPageHeader,ElPagination,ElPopconfirm,ElPopover,ElPopper,ElProgress,ElRadio,ElRadioButton,ElRadioGroup,ElRate,ElRow,ElScrollbar,ElSelect,ElSlider,ElStep,ElSteps,ElSubmenu,ElSwitch,ElTabPane,ElTable,ElTableColumn,ElTabs,ElTag,ElTimePicker,ElTimeSelect,ElTimeline,ElTimelineItem,ElTooltip,ElTransfer,ElTree,ElUpload,ElInfiniteScroll,ElLoading,ElMessage,ElMessageBox,ElNotification,
} from 'element-plus';const components = [ElAlert,ElAside,ElAutocomplete,ElAvatar,ElBacktop,ElBadge,ElBreadcrumb,ElBreadcrumbItem,ElButton,ElButtonGroup,ElCalendar,ElCard,ElCarousel,ElCarouselItem,ElCascader,ElCascaderPanel,ElCheckbox,ElCheckboxButton,ElCheckboxGroup,ElCol,ElCollapse,ElCollapseItem,ElCollapseTransition,ElColorPicker,ElContainer,ElDatePicker,ElDialog,ElDivider,ElDrawer,ElDropdown,ElDropdownItem,ElDropdownMenu,ElFooter,ElForm,ElFormItem,ElHeader,ElIcon,ElImage,ElInput,ElInputNumber,ElLink,ElMain,ElMenu,ElMenuItem,ElMenuItemGroup,ElOption,ElOptionGroup,ElPageHeader,ElPagination,ElPopconfirm,ElPopover,ElPopper,ElProgress,ElRadio,ElRadioButton,ElRadioGroup,ElRate,ElRow,ElScrollbar,ElSelect,ElSlider,ElStep,ElSteps,ElSubmenu,ElSwitch,ElTabPane,ElTable,ElTableColumn,ElTabs,ElTag,ElTimePicker,ElTimeSelect,ElTimeline,ElTimelineItem,ElTooltip,ElTransfer,ElTree,ElUpload,
]const plugins = [ElInfiniteScroll,ElLoading,ElMessage,ElMessageBox,ElNotification,
]const app = createApp(App)components.forEach(component => {app.component(component.name, component)
})plugins.forEach(plugin => {app.use(plugin)
})
app.mount('#app')