休言女子非英物,夜夜龙泉壁上鸣。这篇文章主要讲述EasyPlayerJS开发环境出现错误信息并且不展示播放器问题相关的知识,希望能为你提供帮助。
测试过EasyPlayer播放器的朋友都知道,EasyPlayer在做播放器项目集成的时候十分便捷。因为EasyPlayer不仅针对不同的协议衍生出了多个版本,如EasyPlayer.js、EasyPlayerPro等,并且每个版本都带有二次开发接口,用户的自主调用简单易上手。
我们在测试中,发现EasyPlayer.JS开发环境出现错误信息并且不展示播放器,错误信息:Uncaught SyntaxError: Illegal return statement
首先打开控制台,点击错误信息,定位到这里就出现了错误的return,从错误看是HLS.js出现的错误。
因为播放器需要近期更新了HLS.Js,可能是新版HLS.js不兼容播放器项目,这边换回老版本播放器项目可以正常运行。经过对比两个HLS.js发现,是新版带了map这一行导致的。
Map文件的作用:source map文件是js文件压缩后,文件的变量名替换对应、变量所在位置等元信息数据文件,一般这种文件和min.js主文件放在同一个目录下。比如压缩后原变量是map,压缩后通过变量替换规则可能会被替换成a,这时source map文件会记录下这个mapping的信息,这样的好处就是说,在调试的时候,如果有一些JS报错,那么浏览器会通过解析这个map文件来重新merge压缩后的js,使开发者可以用未压缩前的代码来调试,这样会给我们带来很大的方便。
预览如下:
【EasyPlayerJS开发环境出现错误信息并且不展示播放器问题】
推荐阅读
- #yyds干货盘点#任务计划
- 跟着动画学Go数据结构之冒泡排序 #私藏项目实操分享#
- #yyds干货盘点#linux命令--pwd,ls,cd,alias,du
- Shell编程之循环语句
- ceph对接openstack故障问题解决
- #yyds干货盘点# 实现渐变文字和文字倒影
- 数据恢复之希捷硬盘ST1000DM001盘片划伤二次开盘恢复成功
- 那颗想要精益求精,探寻系统了解学习的心
- #yyds干货盘点#Windows Server之创建和配置DHCP服务器