使用screenfull插件报错error in ./node_modules/screenfull/index.js解决思路

这篇具有很好参考价值的文章主要介绍了使用screenfull插件报错error in ./node_modules/screenfull/index.js解决思路。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

npm install --save screenfull,使用安装screenfull依赖报错error in ./node_modules/screenfull/index.js

一、报错信息

安装后报错信息如下:

in ./node_modules/screenfull/index.js,python,numpy,开发语言,javascript,vue.js

说是webpack.confing 文件不支持最新版本的语法问题; 

二、解决方法

1.引入低版本库

因为直接install安装的版本是^6.0.1,网上查了资料后说是版本太高了,需要降低版本,抱着试一试的心态,选择了降低版本,降成5.*

npm i screenfull@5.1.0

2.再次启动服务

以为要启动成功了,结果又失败了,那为什么会报错呢?我发现我们导入的路径是module目录下的screenfull,但是其中根本就没有对应的index.js文件

in ./node_modules/screenfull/index.js,python,numpy,开发语言,javascript,vue.js

所以我们得把导入的路径改一下:

import screenfull from "screenfull/dist/screenfull";

 页面就正常显示了,全屏功能也正常了,开心~~~~

in ./node_modules/screenfull/index.js,python,numpy,开发语言,javascript,vue.js文章来源地址https://www.toymoban.com/news/detail-802937.html

到了这里,关于使用screenfull插件报错error in ./node_modules/screenfull/index.js解决思路的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 解决ERROR in ./node_modules/vuex/dist/vuex.esm.js

    当你安装vuex时,安装完成后可能会出现这样的报错 ERROR in ./node_modules/vuex/dist/vuex.esm.js    两种原因: 1、如果你是用的是vue2,那应该安装vuex@3版本 npm i vuex@3 如果你是用的是vue3,那么应该安装vuex@4版本  npm i vuex@4 2、第二种情况就是,你安装的版本没问题,但是你是在运行情

    2024年02月16日
    浏览(35)
  • 使用vue-qr,报错in ./node_modules/vue-qr/dist/vue-qr.js

    找到node_modules— vue-qr/dist/vue-qr.js 文件,搜…e,将…去掉,然后重新运行项目。

    2024年02月03日
    浏览(27)
  • vue报错:in ../node_modules/axios/lib/platform/index.js

    报错信息截图: 报错原因: 第三方组件版本冲突,一般下载axios默认下载的是最新版本1.6.2,而我们只需要将axios的版本改为1.5.0即可 解决办法: 1-打开项目的文件夹“node_modules” 2-删除里面的文件夹“axios” 3-在“package.json”中,将axios的版本信息改为1.5.0 4-在终端输入命令

    2024年03月10日
    浏览(45)
  • 解决在Mac下使用npm报错:Error: EACCES: permission denied, mkdir ‘/usr/local/lib/node_modules/@vue‘

    详细如下: 原因说明:没有足够的权限在 /usr/local/lib/node_modules 目录下创建文件夹 这个错误表明你在安装或更新 Vue.js(@vue)包时,没有足够的权限在 /usr/local/lib/node_modules 目录下创建文件夹。 这通常是因为默认情况下,普通用户没有权限在 /usr/local/lib 目录中进行写入操作。

    2024年02月08日
    浏览(73)
  • 报错记录:can‘t resolve ‘fs‘ in node_modules,Vue3

     报错详情 : 报错原因 :手欠把body-parser安到前端了 解决方法 :把body-parser删了就行了 另外进行了以下错误尝试: 找资料发现vue2出现这种情况,需要得webpack.config.js里新增 在vue3中,没有webpack.config.js,就在vue.config.js里加 resolve: { fallback: { fs: false } },配置后终端也是不报错

    2024年02月13日
    浏览(33)
  • 【Error】This relative module was not found:* ./dataAsset in ./node_modules/cache-loader/dist/cjs.js

     报错信息: This relative module was not found: * ./dataAsset in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules /vue-loader/lib??vue-loader-options!./src/views/index.vue?vuetype=scriptlang=js 相对应的模块没找到 dataAsset.vue 这个组件没找到

    2024年02月04日
    浏览(28)
  • Vue项目遇到的报错:Module Error (from ./node_modules/eslint-loader/index.js)

    在运行创建的项目时出现的报错问题 Module Error (from ./node_modules/eslint-loader/index.js);具体报错如下图显示; 此问题在有时项目运行时不会报错,有时会报错; 找到根目录,在根目录下创建文件 vue.config.js 在创建的项目文件内输入 保存,重新运行便可。 初始化并重新安装 esl

    2024年02月06日
    浏览(41)
  • Install fail! Error: run install error, please remove node_modules before retry!解决这个报错

     Install fail! Error: run install error, please remove node_modules before retry! Command failed with exit code 1: node install.js Error: Command failed with exit code 1: node install.js     at makeError (C:UsersAdministratorAppDataRoamingnpmnode_modulescnpmnode_modulesexecaliberror.js:60:11)     at handlePromise (C:UsersAdministratorAppDa

    2024年02月09日
    浏览(34)
  • 打包报错Error: ‘default‘ is not exported by node_modules/qs/lib/index.js

    问题描述: 当我们在使用rollup编译es6时,可能会遇到以下报错问题 解决方案: 安装@rollup/plugin-commonjs插件   最后,修改rollup.config.js文件中写入以下代码即可

    2024年02月16日
    浏览(35)
  • 解决使用npm出现Error: Cannot find module ‘C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.jsprefix‘报错

    在我设置公司镜像源的时候遇到以下报错:Error: Cannot find module \\\'C:Program Filesnodejsnode_modulesnpmbinnpm-cli.jsprefix\\\',导致切换失败   分析问题:可以看到,报错的内容如下:  1、可以看到,问题的症结在于,无法找到npm-cli.js文件 2、既然无法找到,那么指定就是在安装目录下面

    2024年02月11日
    浏览(58)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包