使用screenfull插件报错问题

简介: 使用screenfull插件报错问题

我们实现全屏功能可以直接手写方法,但利用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',页面就正常显示了,全屏功能也正常了

相关文章
|
7月前
|
Java Maven
idea中项目和module的环境版本设置
idea中项目和module的环境版本设置
73 0
如何在IDEA中创建Module、以及怎样在IDEA中删除Module?
这篇文章介绍了在IntelliJ IDEA中使用Module的原因、创建Module的步骤以及如何从硬盘上删除Module。
如何在IDEA中创建Module、以及怎样在IDEA中删除Module?
|
前端开发 索引
【IntelliJ IDEA】idea导入node_modules卡死,idea 忽略 node_modules 索引
【IntelliJ IDEA】idea导入node_modules卡死,idea 忽略 node_modules 索引
453 0
|
7月前
|
数据可视化 JavaScript
Vue-cli可视化界面的bulid构建线上模式打包失败:No module factory available for dependency type: CssDependency
Vue-cli可视化界面的bulid构建线上模式打包失败:No module factory available for dependency type: CssDependency
|
JavaScript C# 开发工具
20款VS Code实用插件推荐
20款VS Code实用插件推荐
294 0
|
7月前
|
JSON 移动开发 API
mPaaS问题之配置按照插件提示报错如何解决
mPaaS配置是指在mPaaS平台上对移动应用进行的各项设置,以支持应用的定制化和优化运行;本合集将提供mPaaS配置的操作指南和最佳实践,助力开发者高效管理和调整移动应用的设置。
|
IDE Java 开发工具
IDE工具之IDEA中Module的创建、删除、导入
IDE工具之IDEA中Module的创建、删除、导入
315 0
IDEA中实用的插件 之 RestfulTool
IDEA中实用的插件 之 RestfulTool
400 0
VSCode找不到自定义模块ModuleNotFoundError
VSCode找不到自定义模块ModuleNotFoundError
503 0
|
Linux Go C++
VS CODE插件扩展无法使用的解决办法
VS CODE插件扩展无法使用的解决办法
2566 1
VS CODE插件扩展无法使用的解决办法