Vue3通过npm安装Element Plus后报app.use is not a function如何解决

错误原因 #

你代码中的变量app未提前定义，且插件注册的执行顺序错误：你在调用createApp生成Vue应用实例之前，就直接调用了不存在的app.use方法，因此触发类型错误。

修复步骤 #

• 先执行createApp方法生成Vue应用实例，将返回值赋值给app变量
• 再调用app.use方法依次注册ElementPlus、router等插件
• 最后调用app.mount方法将应用挂载到DOM节点上

修复后完整代码 #

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
import router from './router'
import "./assets/Css/Style.css"

const app = createApp(App)
app.use(ElementPlus)
app.use(router)
app.mount('#app')

你也可以选择链式调用的写法，无需单独声明app变量：

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
import router from './router'
import "./assets/Css/Style.css"

createApp(App)
  .use(ElementPlus)
  .use(router)
  .mount('#app')

内容的提问来源于stack exchange，提问作者David Andor