我们实现全屏功能可以直接手写方法,但利用screenfull插件来处理全屏的问题非常方便,但是今天正常使用遇到个bug
- 安装npm包npm i screenfull默认的是最新版本
- 导入import ScreenFull from 'screenfull'使用
- 正常使用全屏功能ScreenFull.toggle()
这时候就给我报错了
出现页面空白加载不出来的情况,我去网上找了几篇文章都说是版本太高,需要降低包插件的版本,我尝试了多次依旧报错
- 解决
的确要降低版本,我降到得是screenfull@5.2.0版本,那为什么会报错呢?我发现我们导入的路径是module目录下的screenfull,但是其中根本就没有对应的index.js文件
所以我们得把导入的路径改一下import ScreenFull from 'screenfull/dist/screenfull',页面就正常显示了,全屏功能也正常了