关于vue-element-admin项目的各种诡异bug

本文介绍了在使用Vue.js开发的后台管理系统中遇到的部署问题及其解决方案,包括解决loadingchunkxxfailed错误、样式错位问题及更换电脑后安装依赖失败的情况。

1.loading chunk xx failed报错解决

在这里插入图片描述
如图类似。
vue后台管理系统。
本地运行一切正常,打包发布测试就崩了。
但是同事的电脑打包部署,一切正常。

所以怀疑是自己的本地的配置文件有问题。
开始找bug吧。

重装vscode,失败。
删除dist,重新打包,失败。
删除node_modules,重新安装依赖,失败。
网上搜索的方法都不生效。

最后!!!
删除项目内的package-lock.json,删除node_modules,删除dist。
重新安装依赖,重新打包,重新部署。成功!

2.本地样式显示一切正常,发布测试样式错位

同时还发现了以下问题:
本地项目用不同的浏览器打开,一切正常;
测试环境项目用不同的浏览器打开:
谷歌运行正常,但样式错位;
火狐直接报错,无法正常运行;
搜狗运行正常,样式错位。

尝试解决:

将项目内node_modules和package-lock.json文件删除,重新安装依赖。
发现提示:npm highlight.js v9版本需要升级。
请教前辈经验后,于是重新安装nvm,将node版本重置到10.16.3。

安装过程中git被重置了,找不到文件安装包,所以重装了一下git。官网下载安装包超级慢,这里贴一个地址:git下载地址

再重新打包项目发布后,成功运行。o(╥﹏╥)o

3.换了电脑,重新初始化项目,安装node_modules失败

尝试解决:

安装git!!!!!
原本安装了sourcetree可视化软件,想偷个懒没有装git,结果项目初始化各种报错!!!!
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值