Bug分享之使用screenfull插件报错问题

274 阅读1分钟

浏览器中自带全屏功能document.documentElement.webkitRequestFullScreen(),不过有兼容性问题,所以改用插件。

  • 安装npm包npm i screenfull默认的是最新版本
  • 导入import ScreenFull from 'screenfull'使用
  • 正常使用全屏功能ScreenFull.toggle()

结果在安装插件的过程中报了一个错

snipaste20220630_164939.jpg

找了许多解析说版本太高,需要降低包插件的版本

So 下载screenfull@5.2.0版本

然后还是报错

snipaste20220630_164253.jpg

发现是导入有问题,正确的导入应该是import screenfull from 'screenfull/dist/screenfull'