viewerjs在angular4中的使用

由于项目中使用的是angular4且typescripe版本过低导致使用viewerjs一直报版本不匹配的错误,所以在此记录一下踩坑过程

1、首先是依赖问题,先注入 “screenfull”: “^3.3.2”,以保证viewerjs的正常运行
2、我这里没有采用package.json中来注入viewer.js的方式,而是直接把viewer.js和 viewer.css放到了项目工程目录下。这里说一下原因,npm下载下来的viewer中有一个枚举类型在定义的时候给的是string类型的值,这点在typescript2.4以下是不被支持的,所以导致运行直接报错。
3、当点击图片来触发viewerjs的效果时,一直报offSetWidth is undefined,原因是采用异步的方式来处理展示的图片数据导致,设置延时函数来实例化viewer解决。

参考:https://www.npmjs.com/package/viewerjs

猜你喜欢

转载自blog.csdn.net/qq_34749609/article/details/88353533
今日推荐