- 最近遇到了一个问题，就是项目中loading加载突然不能用了。
- 这个项目是老项目，vue2.x+vant，loading加载采用的是vant提供的UI组件。
- 但为什么不能用了呢，因为一个小伙伴把package-lock.json这个文件删除了。
- 为什么会把package-lock.json这个文件删除了呢？因为公司有安全扫描，扫描之后，如果插件版本老的话，会扫描出风险版本，让去升级，它通常会通过package-lock.json文件去扫描，所以为了减少扫描风险，一个小伙伴把package-lock.json这个文件删除了。导致测试环境部署的时候，安装的是最新版的vue2.x，vue2.7.7，和vant的版本兼容有些出入，所以才导致了loading失效的问题。
- 那怎么解决这个问题呢，我决定先把vue回归之前的版本，在package.json里面，把**“vue”: “^2.6.11”,改成了"vue": “2.6.11”**,算是固定了版本，把"vue-template-compiler": “^2.6.11”,改成了"vue-template-compiler": “2.6.11”,也算是固定了版本。
- 然后重新部署了一下，loading又生效了。中间也经历了好多排查的步骤，从而也说明了对于插件升级，我们一定要谨慎。对于现有的运行项目，我们一定要尽量锁定版本，保证项目稳定运行。
文章来源地址https://www.toymoban.com/news/detail-421855.html
文章来源：https://www.toymoban.com/news/detail-421855.html
到了这里，关于vue版本升级导致vant这个UI组件中的loading失效问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
