使用screenfull全屏显示插件,import时出错

1.问题:使用screenfull@6在vue项目中报错

项目需求:页面中的部分内容需要点击按钮后,全屏显示。找了半天资料,发现screenfull插件可以实现。
过程:通过 npm install screenfull --save进行安装。
结果:编译报错,错误如下:

image.png

image.png

2.错误解决过程

网上找了很多资料,各种修改webpack.config.js。也是各种参考修改,各种不对。最后出去找了下。现把解决问题的办法记录下。

3.问题解决

(1)直接npm install screenfull --save安装的版本为 6.多
(2)解决办法就是降版本,真的是简单粗暴。 npm i screenfull@5

你可能感兴趣的:(使用screenfull全屏显示插件,import时出错)