vue2+webpack升级vue3+vite,报错Cannot read properties of null (reading ‘isCE‘)

这篇具有很好参考价值的文章主要介绍了vue2+webpack升级vue3+vite,报错Cannot read properties of null (reading ‘isCE‘)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

同学们可以私信我加入学习群!



前言

系列文章:vue2+webpack升级vue3+vite,修改插件兼容性bug

前面的文章主要是介绍,在升级初始阶段遇到的一些显而易见的兼容性问题和bug。随着项目迭代的不断深入,一些不容易暴露的问题也渐渐呈现。

本文主要记录一些开发重构过程中的bug


问题

vue报错Cannot read properties of null (reading ‘isCE’)

分析

项目中vue版本出现冲突,可能是项目基础的vue版本与组件库中某个组件依赖的vue版本有冲突。但是我怀疑这只是表象,因为如果存在版本冲突,那么第一天就存在,为什么后面才暴露。而且使用npm列出所有vue版本发现并没有冲突的版本。所以最终虽然解决了,但是总觉得还是不太清楚。

解决

  1. 命令行中输入
npm ls vue

可以查看所有vue的版本,如图:
vue2+webpack升级vue3+vite,报错Cannot read properties of null (reading ‘isCE‘),vue3实战专栏,vue.js,前端,vue
如果各位使用脚手架创建的项目,vue的版本会设置‘^’符号,例如我的设置为:

 "vue": "^3.3.4",

大家可以看到package.json中设置的版本号与实际项目中依赖的vue版本并不完全相同,这是因为^符号的含义就是保持大版本不变,可以根据兼容性等实际情况,升级小版本,所以 ’ ^3.3.4’的真实含义是3.3.4及以上版本,这样其实很难真的出现vue版本冲突的情况。通过上面的图片也可以知道,我的所有插件都是依赖于3.3.6。

实际情况确实是报错vue版本冲突,所以我只能认为可能是因为别的原因导致了这个报错,也就是其实报错信息就有问题。我没有想到其他方法严谨地定位到问题,只能把可以做的都做了一遍。

  1. 升级node

看一下自己的node版本,vue2在16版本的node中运行毫无问题,vue3在部分16版本的node中也无太大问题,但是总会出现预料不到的风险,甚至升级某些插件时也会提示node版本过低。vue官网也推荐18版本以上node:
vue2+webpack升级vue3+vite,报错Cannot read properties of null (reading ‘isCE‘),vue3实战专栏,vue.js,前端,vue
所以为了省事,还是直接升级node吧。

这里有个问题,那就是18版本的node可能运行vue2时会报错,所以如果是升级vue,可能会有一段时间,既开发vue2,又重构vue3,我们就需要一个很方便的node版本管理工具,推荐nvm。我自己写的基于nvm的可视化工具也快要完成了,基本功能已经实现,还达不到生产标准。

大家可以提前关注一波,等几个重要的工具同时开发完毕,会免费发布并群发消息提醒。如图:
vue2+webpack升级vue3+vite,报错Cannot read properties of null (reading ‘isCE‘),vue3实战专栏,vue.js,前端,vue

  1. 虽然大概率不是vue版本的问题,但是为了以防万一,还是对vue版本做一个强制限制吧,在vite中配置参数dedupe,解决vue版本依赖冲突问题:
 resolve: {
            dedupe: [
                'vue'
            ],
        },
  1. 如果这些还是无法解决,那就先清楚npm的缓存:
npm cache clean --force

删除node_modules后,重新更新资源,运行项目。


总结

博主的大部分文章都是有价值的原创文章,很少搬运点官方文档就水一篇,大家如果认可,希望多多点赞关注,原创不易,需要支持。文章来源地址https://www.toymoban.com/news/detail-801222.html

到了这里,关于vue2+webpack升级vue3+vite,报错Cannot read properties of null (reading ‘isCE‘)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue3报错 Uncaught TypeError: Cannot read properties of null (reading ‘isCE‘) at renderSlot

    最近在vue项目中遇到如下报错,项目使用的是vue3+webpack搭建的 造成这个的原因是有两个不同的vue版本, 就可能下载的其他的第三方和当前的vue版本不相同, 就有两个vue的副本,在引入的时候, npm去尝试引入的地址不对 有如下几种解决方案 由于npm的引入地址不对, 那我们使

    2023年04月27日
    浏览(71)
  • vue3 Error on Cannot read properties of null (reading ‘insertBefore‘)报错无法正常显示,解决办法。

    本地启动时,页面所有操作正常,显示正常;部署到生产环境后,数据驱动DOM变化的操作会导致如下报错。 Cannot read properties of null (reading \\\'insertBefore\\\') 这个错误,导致页面显示出现异常,无法正常显示。 模板渲染导致无法找到,可能的原因有以下三个: v-if 导致:(使用 v-s

    2024年02月12日
    浏览(59)
  • 【Vite】Vite切换版本(Vite+vue3)报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined

    Vue3+vite的项目,在全局安装新的Vite版本后,一直报下图错误。 报错信息 通过很多方式没有解决,最后发现是Vite版本的问题,因为Vue是从脚手架中引入的 查看package.json和package.lock.json区别 修改 将 package.json 中vite的版本号固定后,安装( npm install )发现仍有问题 最终解决 查

    2024年02月16日
    浏览(50)
  • 【vue3+ts】TypeError: Cannot read properties of undefined (reading ‘commit‘)

    vue3组合式api中使用store.commit报错,提示: 打印store的值,显示undefined。 经排查, const store = useStore() 不能写在setup函数的函数内部,应该就写在setup下。useStore这个方法的调用位置是有要求的,它只能在setup函数中调用,这是它的语法规定。 组合式API中使用vuex文档:官网

    2024年02月15日
    浏览(54)
  • Vue报错 Cannot read properties of undefined (reading ‘websiteDomains‘) 解决办法

    浏览器控制台如下报错: Unchecked runtime.lastError: The message port closed before a response was received. Uncaught (in promise) TypeError: Cannot read properties of undefined (reading \\\'websiteDomains\\\')     at xl-content.js:1:100558 此问题困扰了很久,偶然看到一篇博文,说是迅雷扩展问题 要想解决这个bug最有效的方

    2024年04月24日
    浏览(46)
  • vue 启动项目报错Cannot read properties of undefined (reading ‘parseComponent‘)

    如果出现如下报错大概率是因为install时中途出现异常导致vue-template-compiler依赖没有正常安装导致的,重新安装即可 1、 yarn add vue-template-compiler 或 npm add vue-template-compiler 2、最后如果还是不行就再用 yarn upgrade –latest vue-template-compiler npm upgrade –latest vue-template-compiler

    2024年02月12日
    浏览(50)
  • vue中解决TypeError: Cannot read properties of undefined (reading ‘slice‘)报错

    项目中,因为业务需求通常会在节点中渲染数据,并对数据进行截取 这个时候就可能会在控制台报错 原因是当我们页面刷新数据并没有获取到 解决办法 换成三元表达式就可以解决。

    2024年02月12日
    浏览(60)
  • Vue2项目打包时,引入element-ui 配置 CDN 加速时报错 Cannot read properties of undefined (reading ‘prototype‘)

     Vue2项目打包优化时,引入element-ui 配置 CDN 加速时报错出现报错信息:Uncaught TypeError: Cannot read properties of undefined (reading \\\'prototype\\\') 老师说出现这个问题的原因是, 如果你完整引入了 Element,它会为 Vue.prototype 添加如下全局方法:$alert, $promp......     所以,如果想要正常使用

    2024年02月16日
    浏览(53)
  • nginx vue2+webpack 和 vue3+vite 配置二级目录访问

    我们开发中会遇到这样的需求,让我们用服务器nginx部署一个用域名的二级目录来访问项目 https:xxx/二级目录/ 来放访问项目 目录 思路 1、nginx配置(vue2 和 vue3配置的nginx相同) 2、vue2+webpack的配置 (1)vue.config.js配置 (2)router配置 3、vue3+vite的配置 (1)vite.config.js配置 (

    2024年02月09日
    浏览(58)
  • Vue.js 报错:Cannot read property ‘validate‘ of undefined“

    起因,是我将elemnt-ui登录,默认放在mounted()函数里面,导致vue初始化就调用这个函数。 找了网上,有以下错误原因: 1.一个是你 ref写错 了,导致获取不了这个表单dom,我这显然不是。 2. 我们vue初始化时,element-ui中 validate()函数并没有绑定到this.$refs.eemployee中,这导致我们一获

    2024年02月10日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包