在基于vue-element-template的项目中，通过localstorage存储用户信息导致编译后部署时出现诡异错误。本地运行正常，但在开发环境报“Error: Loading chunk S+eF failed”。排查发现是直接操作localstorage的代码引发问题。解决方案是改用vuex与localstorage结合使用，避免直接存取。修复后项目不再报错，但报错具体原因尚不清楚，可能与vue的localstorage处理或框架配置（如路由懒加载）有关。
前情提要：
背景：本人项目是基于vue-element-template的框架实现的(虽然删减了一部分)，navbar(顶部导航)和sidebar(侧边导航)都是默认的组件，与页面部分是同级的兄弟组件
起因：在登录系统时希望运用localstorage存入当前登录所有用户的基本信息，然后在navbar和sidebar两个组件中读写
问题描述：
代码编译后在本地运行正常，把编译后的dist文件部署到开发环境时，每次都会报一个错，如图：
（这个js文件本不应该存在，但是编译就会出现，而且本地运行没问题，部署后会有问题，项目整个打不开）
解决路程：
1.首先是网上找了很多解决方法，比如下面这种：
但是没有用……还有很多方法，几乎都试遍了，都没有起作用，因为导致这个报错的原因有很多，千奇百怪，所以后来我决定一句一句的找，build看到底是哪一句代码的问题
2.一句一句的找还是一个比较原始但是很有用的方法，最终发现了是写入localstorage的代码出的问题，只要加上这句代码，就会产生这个多余的js文件。代码如：
window.localStorage.userIndex = JSON.stringify(this._index)解决办法：
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
