前情提要:
背景:本人项目是基于vue-element-template的框架实现的(虽然删减了一部分),navbar(顶部导航)和sidebar(侧边导航)都是默认的组件,与页面部分是同级的兄弟组件
起因:在登录系统时希望运用localstorage存入当前登录所有用户的基本信息,然后在navbar和sidebar两个组件中读写
问题描述:
代码编译后在本地运行正常,把编译后的dist文件部署到开发环境时,每次都会报一个错,如图:
(这个js文件本不应该存在,但是编译就会出现,而且本地运行没问题,部署后会有问题,项目整个打不开)
解决路程:
1.首先是网上找了很多解决方法,比如下面这种:
但是没有用……还有很多方法,几乎都试遍了,都没有起作用,因为导致这个报错的原因有很多,千奇百怪,所以后来我决定一句一句的找,build看到底是哪一句代码的问题
2.一句一句的找还是一个比较原始但是很有用的方法,最终发现了是写入localstorage的代码出的问题,只要加上这句代码,就会产生这个多余的js文件。代码如:
window.localStorage.userIndex = JSON.stringify(this._index)
解决办法: