彻底解决 Cannot read property ‘range‘ of null 错误的几个方案和后期造成的一劳永逸的方案

vuecli3.* npm run serve 报 Cannot read property ‘range’ of null 错误几种解决方案以及避免后期造成的一劳永逸的方案

前言

今天由于我们组的部分人,代码等各种因为的问题,造成版本混乱,多余等等,不利于维护,作为leader的我,为了后期项目更好的今行,特意整理下问题,npm install之后 npm run serve 莫名的运行 npm install 一直报 Cannot read property ‘range’ of null 错误,搞得我很无奈!真心没法说,现在npm 上真的很乱,真应该好好维护,哈哈,能力有限,只能吐槽下。

报错上图

在这里插入图片描述

经过多方的排查,因为版本的问题造成,具体是哪些包的问题呢?因为我的项目用vue-cli3.*来构建的。 因为各个的项目不同,所以这些包都会出先这些问题,有的可能只有它babel-eslint等等。通过多方定位排查,定位到这几个包,如下图

在这里插入图片描述

解决方案

1. 最复杂没有保障的的方法: 目前vue-cli4不太稳定,没有进行升级,如果升级可能会解决此问题!但是不建议大家去尝试,升级之后造成的问题只会更多。

2. 最简单粗暴的方法[看运气]: 在对应的工程里直接删除里面的node_modules文件夹,然后重新npm install下,注意在npm install 之前最好先清理下缓存,防止node_modules 出现某一些包错误时候,查不到原因。npm 清理下缓存指令

$ rd node_modules
$ npm cache clean
$ npm install
$ npm cache clean // npm cache clean --force 

为啥说看运气呢?哈哈,因为我有时候成功,有时候失败啦!包括使用 npm install --registry https://registry.npm.taobao.org / npm install / yarn install,都试过,看运气,cnpm install 未测试,估计也是一样。

3. 把下图中红色部分的中的^ 去掉,重新下载,问题解决。

在这里插入图片描述

总结

因为npm 包的版本一直在维护和升级,所以在项目中又时候遇到各种各样的奇葩问题,但是到最后,是不是就一个特点,版本问题,所以建议大家为了后期避免造成这样的问题【因为一个项目多人开发,所以问题总会出现】,建议大家像我一样这样做,就不会出问题啦!参考我写的博客!点我哦

  • 4
    点赞
  • 8
    评论
  • 6
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

打赏
文章很值,打赏犒劳作者一下
相关推荐
©️2020 CSDN 皮肤主题: 博客之星2020 设计师:CY__ 返回首页

打赏

禅思院

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付 79.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值