Vue3:Cannot read properties of null (reading 'isCE')

vue3,cannot,read,properties,of,null,reading,isce · 浏览次数 : 0

小编点评

**vue3版本:**3.0.1 **node版本:**19.9.0 **element-plus版本:**2.73 由于您使用的是vue3,但元素 Plus 版本为2.73,可能导致版本兼容问题。 **解决方案:** 1. **将元素 Plus 版本降到 2.3.9:**根据文档中说明,您可以通过修改 `package.json` 中的 `element-plus` 版本来实现这一步。 ```json "element-plus": "2.3.9" ``` 2. **重新编译代码:**在您修改 `package.json` 后,请重新编译代码以确保元素 Plus 版本被正确加载。 ```bash npm run build ``` **注意:** * 如果您已经安装了元素 Plus 版本,请确保您在 `package.json` 中指定正确的版本。 * 如果您仍然遇到问题,请检查您的代码,以确保您对元素 Plus 组件的配置正确。

正文

Cannot read properties of null (reading 'isCE')


  这个问题是在vue3中引入elementui的列表框时出现的。经过网上查询,有说是装了两个vue版本的,也有说是其他代码写错导致的,还有说是导入错误的。
  但我的不是这个问题,我的是版本兼容问题。因为在网上查询时看到,elementui适配的是vue2,在vue3适配的是element-plus,我安装的确实是plus。main.js中检查了导入问题(import router from './router' //自动扫描里面的路由配置 import ElementPlus from 'element-plus' //全局引入),以及使用和挂载,都没有问题。
  我在使用去测试的时候,按钮是能正常显示的,但是如果我在按钮上加文字或其他东西,则无法显示(123456789),因此,可能是版本兼容的问题。
  废话了这么多,其实从button按钮能显示,说明element在这里成功导入了,能用但不完全,确实应该想到版本兼容问题,还是自己太菜了。说说我的版本吧:vue3,node:19.9.0 element-plus:2.73

解决方法

  将element-plus的版本降到2.3.9,完美解决。参考的是这个链接https://www.cnblogs.com/future725/p/17615960.html
  简单记录自己遇到的问题,写的比较啰嗦,大家直接看解决方法就行,新手一枚,不要喷我,哈哈,一起交流学习。

与Vue3:Cannot read properties of null (reading 'isCE')相似的内容:

Vue3:Cannot read properties of null (reading 'isCE')

Cannot read properties of null (reading 'isCE') 这个问题是在vue3中引入elementui的列表框时出现的。经过网上查询,有说是装了两个vue版本的,也有说是其他代码写错导致的,还有说是导入错误的。 但我的不是这个问题,我的是版本兼容问题。因为在网上

Vue3快速上手

好久没上传了,闲来无事把囤积已久的笔记给上传上传 1. Vue3简介 2020年9月18日,Vue.js发布版3.0版本,代号:One Piece(n 经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者 官方发版地址:Release v3.0.0 One Piece · vue

【干货】Vue3 组件通信方式详解

毫无疑问,组件通信是Vue中非常重要的技术之一,它的出现能够使我们非常方便的在不同组件之间进行数据的传递,以达到数据交互的效果。所以,学习组件通信技术是非常有必要的,本文将总结Vue中关于组件通信的八种方式,帮助大家在使用Vue的过程中更加得心应手! 如果文中有不对、疑惑的地方,欢迎在评论区留言指正...

vue3.4的更新,保证你看的明明白白

defineModel 同学已经转正 defineModel 在vue3.3中还是一个实验性功能, 但是经过一个学期的努力,该同学已经转正。 defineModel的简单介绍 defineModel() 返回的值是一个 ref。 它可以像其他 ref 一样被访问以及修改。 它能起到在父组件和当前变量

vue3实现模拟地图上,站点名称按需显示的功能

很久很久没有更新博客了,因为实在是太忙了,每天都有公司的事情忙不完....... 最近在做车辆模拟地图,在实现控制站点名称按需显示时,折腾了好一段时间,特此记录一下。最终界面如下图所示: 站点显示需求:首末站必须显示,从第一个站开始,如果站点名称能显示下,则显示,如果站点名称会重叠则隐藏,以此类推。

这个vue3的后台管理系统虽然简洁但不简单

今天介绍一个新的Vue后台管理框架,相比其他后台功能丰富管理系统,这个后台管理系统可以用干净简洁来形容——Nova-admin Nova-admin Nova-admin 是一个基于Vue3、Vite5等最新技术的后台管理平台。用简单的方式实现完整功能,并尽可能的考虑代码规范,易读易理解无过度封装,

Vue3等比例缩放图片组件

本文由 ChatMoney团队出品 有些情况我们需要在各种刁钻的情况下都要保持图片比例不变,比如用户缩放窗口等改变布局的情况。实现原理就是通过容器的宽度和内边距在保持你想要的比例。 以下是基础功能的组件示例:

Vue3简单项目流程分享——工作室主页

Vue3简单项目流程分享——工作室主页 零、写在最前 以下是项目相关的一些链接: 源代码GitHub仓库(需要魔法上网):仓库 网页示例(需要魔法上网):网页示例 UI图(来源@设计师杨贺):MasterGo主页 补充:由于时间关系,该网页没有适配手机端,最佳展示效果为网页端1440p宽度。 如果你

基于Vue3水印组件封装:防篡改守护!

基于Vue 3的全新水印通用组件封装。这款组件不仅功能强大,而且易于集成,能够轻松为您在网页任何位置添加自定义水印,有效防止内容被篡改或盗用。

vue3编译优化之“静态提升”

前言 在上一篇 vue3早已具备抛弃虚拟DOM的能力了文章中讲了对于动态节点,vue做的优化是将这些动态节点收集起来,然后当响应式变量修改后进行靶向更新。那么vue对静态节点有没有做什么优化呢?答案是:当然有,对于静态节点会进行“静态提升”。这篇文章我们来看看vue是如何进行静态提升的。 什么是静态