vue引入elementUi后打开页面报错Uncaught?TypeError的解决方式_vue.js

来源:脚本之家  责任编辑:小易  

vue引入elementUi后打开页面报错

本人在用idea创建vue项目并引入elemenUi之后网页报错:
Uncaught TypeError: Cannot read properties of undefined(reading ‘prototype’)。

百度了很多办法都说是因为在vue3中引入了elementUi,vue3.0之后是不支持elementUi的,要使用element plus,但是因为我想用若依偷懒,所以必须得用elementUi,很多文章说是vue - V命令查看vue版本,我敲了命令以后的确是3之后版本,于是卸载重装了2.9.6版本

然而降了版本之后,仍然出现这个问题。通过询问做前端的朋友之后,发现现在的csdn真是鱼龙混杂,好多错误的信息,vue-V命令查看的并不是vue版本,而是脚手架的版本,和vue版本没有半毛钱关系

还有一种方式,就是找到你vue项目的package.json文件,在其中的devDependencies中可以看到你项目使用的vue版本

可以看到即使我降到2.9.6,vue版本仍然在3.0之后,因为2.9.6是脚手架版本。之后我重新下载了脚手架,然后用命令行创建vue项目,记得不要用idea直接new,直接new好像是默认创建vue3的,也可能是我方法不正确。如果使用命令行创建,第一个选项就是让选vue版本的,这里选择vue2即可

用命令行创建完成后,再打开package.json看看

可以看到现在是vue2版本了,引入elementUi,页面可以正常打开,问题解决

总结

到此这篇关于vue引入elementUi后打开页面报错Uncaught TypeError解决的文章就介绍到这了,更多相关vue引入elementUi打开页面报错内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网!

您可能感兴趣的文章:vue 2.0项目中如何引入element-ui详解利用vue+elementUI实现部分引入组件的方法详解element-ui中按需引入的实现vue项目中如何实现element-ui组件按需引入

  • 本文相关:
  • vuepress 中如何增加用户登录功能
  • vue项目中使用jsonp抓取跨域数据的方法
  • 使用vue?v-for循环图片路径方式
  • vue项目base64转img方式
  • vue 实现前进刷新后退不刷新的效果
  • vue单页缓存方案分析及实现
  • vue中使用?aplayer?和?metingjs?添加音乐插件的方式
  • vue2.0 事件的广播与接收(观察者模式)
  • element 头像上传的实战
  • 前端mvvm框架解析之双向绑定
  • Vue在单独引入js文件中使用ElementUI的弹框,调用的时候报错...
  • trap-vue和elementui哪个好?
  • vue element ui和ant design一起用吗?
  • outer配合ElementUI实现导航的实例
  • Vue的elementUI实现自定义主题方法
  • Vue ElementUi同时校验多个表单(巧用new promise)
  • vue项目中vue-i18n和element-ui国际化开发实现过程
  • vue2.0 + element UI 中 el-table 数据导出Excel的方法
  • Vue在单独引入js文件中使用ElementUI的弹框,调用的时候报错...
  • Vue项目查看当前使用的elementUI版本的方法
  • 在vue2.0中引用element-ui组件库的方法
  • 基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换...
  • vue使用element-ui的el-input监听不了回车事件的解决方法
  • Vue + Elementui实现多标签页共存的方法
  • 利用vue和element-ui设置表格内容分页的实例
  • lement-ui之怎么封装一个自己的组件的详解
  • lementui el-form rules动态验证的实例代码详解
  • vue2.0 使用element-ui里的upload组件实现图片预览效果方法
  • 18n结合Element-ui的配置方法
  • vue elementUI tree树形控件获取父节点ID的实例
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全yui.ext相关prototypejqueryangularjsjsonlib_jsjs面向对象extjsmootoolsseajsdojovue.jsbackbone.jsreact其它首页javascriptjavascript类库vue 2.0项目中如何引入element-ui详解利用vue+elementui实现部分引入组件的方法详解element-ui中按需引入的实现vue项目中如何实现element-ui组件按需引入vuepress 中如何增加用户登录功能vue项目中使用jsonp抓取跨域数据的方法使用vue?v-for循环图片路径方式vue项目base64转img方式vue 实现前进刷新后退不刷新的效果vue单页缓存方案分析及实现vue中使用?aplayer?和?metingjs?添加音乐插件的方式vue2.0 事件的广播与接收(观察者模式)element 头像上传的实战前端mvvm框架解析之双向绑定vue引用js文件的多种方式(推荐)vue跳转页面的几种方法(推荐)详解vue 路由跳转四种方式 (带参数)vue项目刷新当前页面的三种方法vue之父子组件间通信实例讲解(props、$ref、$emvue props用法详解(小结)vue.js中created方法作用element-ui中select组件绑定值改变,触发chavue实现文件上传功能简单理解vue中props属性vue2.0项目中使用ueditor富文本编辑器示例代码vue3 + typescript 开发总结vue中computed与methods的区别详解详解vue webapp项目通过hbulider打包原生app(vue+wevue?export?default中的name属性有哪些作用基于vue实现html转pdf并导出vue实现购物车计算总价功能浅谈vue 组件中的setinterval方法和window的不同vue.js中使用echarts实现数据动态刷新功能vue3+canvas实现坦克大战游戏(二)
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved