浏览器中自带全屏功能document.documentElement.webkitRequestFullScreen(),不过有兼容性问题,所以改用插件。
- 安装npm包
npm i screenfull默认的是最新版本 - 导入
import ScreenFull from 'screenfull'使用 - 正常使用全屏功能
ScreenFull.toggle()
结果在安装插件的过程中报了一个错
找了许多解析说版本太高,需要降低包插件的版本
So 下载screenfull@5.2.0版本
然后还是报错
发现是导入有问题,正确的导入应该是import screenfull from 'screenfull/dist/screenfull'