使用screenfull插件报错问题

我们实现全屏功能可以直接手写方法,但利用screenfull插件来处理全屏的问题非常方便,但是今天正常使用遇到个bug

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

这时候就给我报错了
在这里插入图片描述
出现页面空白加载不出来的情况,我去网上找了几篇文章都说是版本太高,需要降低包插件的版本,我尝试了多次依旧报错

  • 解决

的确要降低版本,我降到得是[email protected]版本,那为什么会报错呢?我发现我们导入的路径是module目录下的screenfull,但是其中根本就没有对应的index.js文件
在这里插入图片描述
所以我们得把导入的路径改一下import ScreenFull from 'screenfull/dist/screenfull',页面就正常显示了,全屏功能也正常了

猜你喜欢

转载自blog.csdn.net/weixin_47979372/article/details/124071471