1,低电量导致页面卡顿
2,禁止eslint检查node_modules中的错误:
修改.eslintignore文件,添加node_modules
3,禁止ts-loader检查node_modules中.d.ts的类型错误:
tsconfig中的compilerOptions添加:
"strictNullChecks":true,
4,本地打包好好的,发到stg发现chunk无法访问404
解决办法:
打开控制台查看chunk文件的访问http地址,如果是地址出错,去webpack配置一下publicPath
5,项目发布到线上以后,报错:
但是本地没有报错
解决办法:
yarn.lock文件被.gitignore啦,没有上传,导致服务器构建的时候版本对不上。
发布虎啸的时候记得把清空构建缓存勾选上,这样上次的node_modules就会被清空重新下载。
继续报错:
理论上好了,但是由于在webpack配置的fileName和chunkFIleName配置的文件名称不带hash,所以发到线上以后,本地浏览器还是有缓存(这个时候假如用无痕浏览就不会报错了)
6,断网兜底图无法显示
因为图片加载也是一个http网络请求的过程,所以断网的时候无法显示图片,只能显示js代码中的文字。
解决办法,把图片放到base64转码网站上,将得到base64作为url给img
7,某用户安卓7版本vivo手机,帖子内页,个人头像挂件,全部白屏
报错信息:链接手机到inspect,打印台:
可以看出改手机浏览器不支持…解构赋值语法,也就是不支持es6
解决办法:
8,消除div中img底下的缝隙
设置img为display:block
设置img为vertical-align除baseline以外的其他值
设置div中font-size:0
9,在stg运行是好的,在线上是坏的
新加了一个功能发送bridge,发到stg功能是好的,但是发到线上没有调用这个bridge;
解决办法:在浏览器打开在线页面地址和stg页面地址,找到js文件,查看二者的hash值是否一样,结果是不一样,说明线上的代码没有更新。
10,⚠️废弃发布包版本命令错误导致全部版本被删除
❌npm unpublish @hupu/api-utils —force❌
这种致命错误命令导致删库。
解决办法:
由于虎啸平时只有在重新发布的时候,项目的构建缓存会被清空 ,所以线上的项目暂时是安全的。
需要在新项目重新发布的时候安装最新的@hupu:
@hupu/api-utils @hupu/api-bridge @hupu/api-color @hupu/hp-tracer @hupu/fufu @hupu/bridge-plugin-common
漏了一个:不过不常用这个@hupu/api-components
@hupu/api-utils @hupu/api-bridge @hupu/hp-tracer @hupu/fufu @hupu/bridge-plugin-common
11,react添加onDoubleClick失败
因为在dom上又添加了click事件,导致doubleclick每次点击都变成了click事件:
解决办法,添加一个setTimeout事件解决。
12,const aaa = seed64 << 32;
得到aaa仍然等于seed64,因为js最大只支持32位的位操作。向左移动32位显然超出了js支持的位数。
13,stg环境的页面,请求到线上接口
针对离线项目,前端跳转到一个包裹着
14,在fufu组件中使用了antd-mobile的组件PopUp
在别的项目里使用该组件都没有问题,但是在篮球里使用,点击蒙层无法关闭弹出框。
解决办法:升级篮球本地antd-mobile组件版本。
1,信息结构改版,球队页,转会球员展开更多,订阅展开这个动作
new. ResizeObserver
2,tab漂移问题
3,创作中心白屏
原因一:加载了eruda
原因二:使用history.go(-1),应该全部跳转加schemat,全部的返回用closewebview()