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