安装npm install --save vue-scroller失败

最新推荐文章于 2025-09-16 17:38:02 发布
原创 最新推荐文章于 2025-09-16 17:38:02 发布 · 2.6k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#运行vue项目 #安装vue-scroller

本文分享了使用npm命令安装vue-scroller组件遇到的问题及解决方案。初始尝试使用npminstall--save命令失败，调整为npminstall命令后成功安装。

 

npm install --save vue-scroller

使用npm命令安装vue-scroller失败，如下图

把命令换成

npm install vue-scroller

就可以安装成功啦，如下图

 

基于vue3.0封装的虚拟滚动插件-vue-virtual-scroller
Emperor灬fly的博客
02-24 4574
众所周知，当节点达到一定数量的时候，前端就会产生很大的性能问题，那么我们应该怎么来改善这种局面呢，没错，就是所谓的虚拟滚动，其实就是几个节点在滚动的时候移来移去，非常的乏味。 其实很早之前就已经研究过，记得当时谷歌就已经有提出创建可回收节点的api，这么多年过去了，也没有去关注有没有去继续推动了，大概就是会有个原生的createCycleElement这种的api出现，尝试过在孤高度不一致的列表里，位置计算会有问题。 直至vue3.0正式发布，又开始了造轮子的道路，于是vue-virtual-scrolle
笔记: 移动端h5 vue3+vue-virtual-scroller加载不定高巨量数据,支持上拉加载,下拉刷新(配合vant PullRefresh)+ 分页加载以及避坑指南
u013505589的博客
04-20 6050
笔记: 移动端h5 vue3+vue-virtual-scroller加载不定高巨量数据,支持上拉加载,下拉刷新(配合vant PullRefresh)+ 分页加载以及避坑指南
VUE安装及环境配置
最新发布
qq_42629374的博客
09-16 831
一直next直到安装完成。
轻松解决npm 安装vue 失败
ka_ka_xi_002的博客
11-06 2830
我们在创建vue前端脚手架的时候，大多需要安装一系列的东西，比如： npm 、cnpm、@vue/cli...等等，但是你当你安装时候，你会发现很多安装报错，例如：这里小编给大家带来一个，安装@vue/cli时的报错解决办法。当然，有些安装报错提醒是说什么电脑SSL证已过期啊，需要更新证书呀，或者说需要更新node、npm到最新版本啊之类的，纯属扯蛋，本人亲测，所有的都更新到最新了，很遗憾，结果还是不行。如果进行到这一步，证明node安装没有问题；结果是不是这个样子的报错，还有一种报错，效果跟这差不多。
npm安装vue 失败
qq_52028700的博客
09-26 1211
在命令行安装vue-cli 没有提示err ，但是显示不出版本。
npm install 安装报错解决几种办法
热门推荐
Ang_go的博客
01-27 1万+
最近做项目遇到npm install 的问题 发现有多种原因可导致，将经历过的总结一下啊（还有很多可能的报错未涉及，欢迎补充交流） 1.原npm地址 npm install下载过慢问题 解决方案：设置国内淘宝镜像，命令行管理员模式 对应目录下： npm config set registry https://registry.npm.taobao.org 设置完后重新 npm install 2.解决方案:需要强制执行清除npm缓存命令行管理员模式 对应目录下： npm cache clean --fo
Vue脚手架通过npm安装失败原因
weixin_50701798的博客
04-04 5547
Vue脚手架通过npm安装失败原因 当我们通过npm install @vue/cli -g在终端中全局方式安装脚手架的时候如果出现安装失败，解决方法有： 1、我们打开终端窗口“命令提示符”窗口时以管理员身份打开。 2、如果还不管那就输入这个命令：npm clean cache -force 来清理一下我们安装失败的特定文件夹。 3、如果还是不行，那我们就手动删除这个文件夹： 找到“npm-cache”文件夹直接右键删除即可。然后我们再去终端输入npm install @vue/cli -g 安装一次脚
npm i vue/cli -g全局安装失败解决方法以及‘vue‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件
qq_63538423的博客
03-04 3146
npm i vue/cli -g全局安装失败解决方法 'vue' 不是内部或外部命令，也不是可运行的程序 或批处理文件
vue3长列表优化，使用vue-virtual-scroller实现直播间弹幕列表虚拟滚动效果
07-02 5415
但是需要注意：获取DynamicScroller这个组件的时候，要使用document.getElementById('liveMsg')这种形式，不能使用ref这种，因为ref获取到的并不是一个html元素，没有scrollTop方法，所以无法滚动到底部。这三个组件区别是滚动每一项高度是固定的还是动态的，Recycle就是固定的高度，Dynamic是动态的，动态的话，必须要包含DynamicScrollerItem。
无法找到模块“vue-virtual-scroller”的声明文件。“/Users/guohao/disk/projects/front/gksk/gksk-invoice-fronted/node_modules/vue-virtual-scroller/dist/vue-virtual-scroller.umd.js”隐式拥有 "any" 类型。 尝试使用 `npm i --save-dev @types/vue-virtual-scroller` (如果存在)，或者添加一个包含 `declare module 'vue-virtual-scroller';` 的新声明(.d.ts)文件ts(7016)
03-22
npm install --save-dev @types/vue-virtual-scroller ``` 如果上述包不存在，则说明尚未有官方或社区支持的类型声明文件可用[^1]。 --- #### 方法二：手动创建全局类型声明文件 如果没有现成的类型声明文件，...
RecycleScroller:vue大数据滚动组件
05-12
demo 在线demo: 博客链接: 组件参数： 参数 说明 类型 必填 默认值 list 需要渲染的数据 Array 是 - itemKey 数组的唯一标识字段，可以很大程度提升渲染性能 String 是 - itemHeight 每条数据的高度 Number 否 40 viewHeight 可视区域高度 Number 否 600 实现原理： 最外层recycle-scroller节点需要设置一个固定高度，它代表可视区域。 中间层recycle-scroller-holder节点高度为渲染所有数据的总高度，它目的在于撑出recycle-scroller的滚动条。 最内层recycle-scroller-wrapper包裹我们实际渲染的数据，它会预加载上一屏与下一屏的数据，在滚动时进行复用。通过改变recycle-scroller-wrapper的纵向偏移量（translateY的值
vuevirtualscroller让拥有任何数据量的页面都能平滑滚动
08-08
npm install --save akryum/vue-virtual-scroller # 或 yarn add akryum/vue-virtual-scroller ``` 然后在你的组件中引入并使用它： ```html <virtual-scroller :items="items" :item-height="50"> <div v-for=...
vue项目中npm install安装失败，万能解决方法
一火的专栏
12-23 5249
vue项目中npm install安装失败，万能解决方法，即更换淘宝镜像，再执行npm install。 具体如下: npm config set registry https://registry.npm.taobao.org 配置后可通过下面方式来验证是否成功 npm config get registry 在 ~/.npmrc 加入下面内容，可以避免安装 node-sass 失败 sass_binary_site=https://npm.taobao.org/mirrors/node-sas
npm安装Vue-cli失败的解决方式
程序员Feri
07-16 1438
一直在提示，之前配置的npm的淘宝镜像凭证过期request to https://registry.npm.taobao.org/@vue%2fcli failed, reason: certificate has expired 就是这个错误。
npm全局安装vue报错的解决方法
weixin_30335575的博客
05-20 3150
1.报错： npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen) npm WARN checkPermissions Missing write access to C:\Users\1\AppData\Roaming\npm\node_mo...
yarn install 卡在Building fresh packages
little_kid_pea的博客
04-12 5215
可在项目根目录下新建.yarnrc文件，然后重新执行构建命令，.yarnrc文件内容如下： registry "https://registry.npm.taobao.org" sass_binary_site "https://npm.taobao.org/mirrors/node-sass/" phantomjs_cdnurl "http://cnpmjs.org/downloads"...
vue-seamless-scroll 滚动位置错误问题（纵向滚动）
m0_37856464的博客
06-21 789
错误的原因： 没有给 vue-seamless-scroll 组件设定高度，而是将高度设定在了其父节点上。解决方法：给 vue-seamless-scroll 组件设置高度。
vue3.0使用vue-seamless-scroll报错问题
ZFL_123456的博客
05-18 3756
因公司业务需求，需要一个列表滚动功能 根据网上资料的步骤来做，出现了如下报错： 不管是在main.js中引用还是在组件中直接引用都会出现这个问题。 解决方法如下： 路径加上src后能正常显示列表并滚动。 ...
使用vue-virtual-scroller遇到的问题
xlk_1996的博客
12-07 7452
使用vue-virtual-scroller途中遇到的问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值