vue3引入ElementUI报错问题及解决

 更新时间:2024年07月08日 08:38:11   作者:MrLi-2018  
这篇文章主要介绍了vue3引入ElementUI报错问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

vue3引入ElementUI报错

效果图

下载依赖

npm install element-plus --save

引入方式

import ElementPlus from "element-plus"
import 'element-plus/dist/index.css'
createApp(App).use(store).use(router).use(ElementPlus).mount("#app");

完美解决报错!!!!

vue3引入element-ui报错:Uncaught TypeError: Cannot read property‘prototype‘ of undefined

为什么

你写的引入方式可能是这种

import ElementUI from "element-ui";
import "element-plus/lib/theme-chalk/index.css";
Vue.use(ElementUI)

配置无误、代码未报错,运行时页面空白,F12控制台报错:

Uncaught TypeError: Cannot read property ‘prototype’ of undefined

解决办法

原因就是在main.js引入element-ui方式错误(vue3.0的坑)

先下载

npm install element-plus --save

vue3中正确引入方式如下

import ElementUI from "element-plus";
import "element-plus/dist/index.css"
createApp(App).use(store).use(router).use(ElementUI).mount('#app')

一定要注意哦!!! vue3是element-plus,然后重新启动,解决!

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue+element下拉列表默认值问题

    vue+element下拉列表默认值问题

    这篇文章主要介绍了vue+element下拉列表默认值问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • 一文带你了解threejs在vue项目中的基本使用

    一文带你了解threejs在vue项目中的基本使用

    three.js是一个用于在Web上创建三维图形的JavaScript库,它可以用于创建各种类型的三维场景,包括游戏、虚拟现实、建筑和产品可视化等,下面这篇文章主要给大家介绍了关于如何通过一文带你了解threejs在vue项目中的基本使用,需要的朋友可以参考下
    2023-04-04
  • Vue项目打包部署到apache服务器的方法步骤

    Vue项目打包部署到apache服务器的方法步骤

    这篇文章主要介绍了Vue项目打包部署到apache服务器,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-02-02
  • Pinia 的 Setup Stores 语法使用实例详解

    Pinia 的 Setup Stores 语法使用实例详解

    这篇文章主要为大家介绍了Pinia 的 Setup Stores 语法使用实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • vue实现书本翻页动画效果实例详解

    vue实现书本翻页动画效果实例详解

    这篇文章主要介绍了vue简单实现书本翻页效果,需要的朋友可以参考下
    2022-04-04
  • axios 实现post请求时把对象obj数据转为formdata

    axios 实现post请求时把对象obj数据转为formdata

    今天小编就为大家分享一篇axios 实现post请求时把对象obj数据转为formdata,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • Vue深入理解之v-for中key的真正作用

    Vue深入理解之v-for中key的真正作用

    为了给Vue一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一key属性,下面这篇文章主要给大家介绍了关于Vue深入理解之v-for中key的真正作用,需要的朋友可以参考下
    2022-05-05
  • vue实现图片预览放大以及缩小问题

    vue实现图片预览放大以及缩小问题

    这篇文章主要介绍了vue实现图片预览放大以及缩小问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • vue基础之v-bind属性、class和style用法分析

    vue基础之v-bind属性、class和style用法分析

    这篇文章主要介绍了vue基础之v-bind属性、class和style用法,结合实例形式分析了vue.js中v-bind绑定及class、style样式控制相关操作技巧,需要的朋友可以参考下
    2019-03-03
  • 快速解决vue-cli不能初始化webpack模板的问题

    快速解决vue-cli不能初始化webpack模板的问题

    下面小编就为大家分享一篇快速解决vue-cli不能初始化webpack模板的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03

最新评论