vue项目 cannot read properties of null (reading ‘matches‘)

在这里插入图片描述
无法install ,删除所有node_modules,
重新 npm install
在这里插入图片描述
继续报错

得知npm7.x于某些事情要比npm6.x更加严格,解决办法就是用
npm install --legacy-peer-deps
或者使用npm@6

使用npm@6不需要卸载npm@7,可以使用npx去指定npm版本。
如下:npx -p npm@6 npm install --legacy-peer-deps
此段原文:http://www.manongjc.com/detail/28-vewksbaiforfusy.html

成功 install
npm run local
终于成功
在这里插入图片描述
后台第一次启动前端项目确实摸棱两可的,记录一下

vue3Cannot read properties of null (reading 'append')错误通常是由于在vue3中使用错误的DOM操作引起的。该错误表明某个元素为null,导致无法执行appendChild操作。引用提到了一个类似的错误,即Cannot read properties of null (reading 'appendChild')。该错误通常是由于快速切换页面时,canvas绘图使用的数据为空数组而引起的。引用中提到了解决该问题的方法,即在进行渲染之前,需要判断数据是否为空数组。通过使用watch监听数据的变化,在数据有值的情况下进行绘图渲染。此外,引用还提到了在打包之后遇到类似报错的解决方法,主要是确保在使用数据之前对其进行判断,避免使用空值。因此,解决vue3Cannot read properties of null (reading 'append')错误的方法是在使用DOM操作之前,确保操作的元素不为null,并进行必要的空值判断。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [vue -排错 - canvas渲染 Cannot read properties of null (reading ‘appendChild‘)](https://blog.csdn.net/weixin_38245947/article/details/122821550)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [vue中cannot read properties of nullreading ‘0‘)](https://blog.csdn.net/m0_67390788/article/details/123304413)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值