vue3 引入ElementPlus 报错解决方法

控制台报错“TypeError: Cannot read properties of undefined (reading ‘xxx‘)“

错误还原

依照三步安装、引入、运行。

npm install element-plus --save

import { createApp } from 'vue' 
import ElementPlus from 'element-plus' 
import 'element-plus/dist/index.css' 
import App from './App.vue' 

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

npm run serve

然后就报错了

控制台报错“TypeError: Cannot read properties of undefined (reading ‘xxx‘)“

解决方法

其实很简单，就是降低一下element-plus的版本，我们不指定版本它默认会安装最新的版本，我们可以降一下版本，然后说一下我的vue-cli版本 4.5.13。

我们去看一下element-plusnpm版本页面

我们就挑一个最近下载量比较高的版本1.3.0-beta.5,更新一下即可。

npm install element-plus@1.3.0-beta.5 --save

然后我们就成功了。

当然我们也可以试一下另一种解决方案，这个作者也没试过，看别人是可以成功的，有想用这个的，可以自己去试一试。

vue add element-plus

最后

如果本篇文章对你有帮助，麻烦点个赞，谢谢。