记录一次关于vue+localstorage编译部署的诡异报错(Error: Loading chunk S+eF failed.)

在基于vue-element-template的项目中,通过localstorage存储用户信息导致编译后部署时出现诡异错误。本地运行正常,但在开发环境报“Error: Loading chunk S+eF failed”。排查发现是直接操作localstorage的代码引发问题。解决方案是改用vuex与localstorage结合使用,避免直接存取。修复后项目不再报错,但报错具体原因尚不清楚,可能与vue的localstorage处理或框架配置(如路由懒加载)有关。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前情提要:

背景:本人项目是基于vue-element-template的框架实现的(虽然删减了一部分),navbar(顶部导航)和sidebar(侧边导航)都是默认的组件,与页面部分是同级的兄弟组件

起因:在登录系统时希望运用localstorage存入当前登录所有用户的基本信息,然后在navbar和sidebar两个组件中读写

问题描述:

代码编译后在本地运行正常,把编译后的dist文件部署到开发环境时,每次都会报一个错,如图:

 

(这个js文件本不应该存在,但是编译就会出现,而且本地运行没问题,部署后会有问题,项目整个打不开)

解决路程:

1.首先是网上找了很多解决方法,比如下面这种:

但是没有用……还有很多方法,几乎都试遍了,都没有起作用,因为导致这个报错的原因有很多,千奇百怪,所以后来我决定一句一句的找,build看到底是哪一句代码的问题

2.一句一句的找还是一个比较原始但是很有用的方法,最终发现了是写入localstorage的代码出的问题,只要加上这句代码,就会产生这个多余的js文件。代码如:

window.localStorage.userIndex = JSON.stringify(this._index)

解决办法:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值