前端技术:解决执行npm install提示 xxx packages are looking for funding run `npm fund` for details的问题 详述npm fund

news2024/11/20 10:23:25

目录

  • 复现问题
  • 分析问题
    • npm fund的命令
    • npm fund的由来
    • npm fund与npm ls
  • 解决问题
  • 参看文献

😐 我的博客,不仅帮你解决此类问题,还会告诉如何去分析定位问题。

复现问题

今天执行如下命令时:

npm install

报出如下问题:

231 packages are looking for funding
  run `npm fund` for details

npm install截图

分析问题

npm fund的命令

翻译上述这句话231 packages are looking for funding run `npm fund` for details231个软件包正在募集资金,运行`npm fund`可获取详细信息

那么,我们就执行npm fund指令,看其输出哪些信息,如下图所示:

D:\project\1myProject\superjson\superjsonweb\web>npm fund
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
ant-design-pro@6.0.0-beta.1
+-- https://opencollective.com/ant-design
| | `-- antd@4.21.5
| `-- https://opencollective.com/date-fns
|     `-- date-fns@2.28.0
+-- https://opencollective.com/eslint
|   `-- eslint@7.32.0
+-- https://github.com/sponsors/typicode
|   `-- husky@7.0.4
+-- https://opencollective.com/lint-staged
| | `-- lint-staged@10.5.4
| `-- https://github.com/sponsors/sindresorhus
......

此时,打开一个github的链接,比如https://opencollective.com/ant-design,会显示需要打赏捐赠的信息,如下图所示:

在这里插入图片描述

因而,这不是报错,只是开发者寻求捐赠支持。但我们执行命令npm install时,为什么会涉及到资金捐赠呢?那就不得不说NPM 这家公司。

npm fund的由来

NPM 公司,JavaScript 包管理器 npm 的维护者。

2019年8 月份时,Standard JS在项目中实验性内置广告的事件引发热议,这些广告通过一个名为Funding的npm软件包展示在终端,该软件包包含在Standard的代码库中。之后NPM公司宣布将禁止此类终端广告行为。

此事件后,NPM表示,它打算在今年年底前为开源开发人员开发一个众筹平台。根据 The Register 报道,它已经在此承诺上迈出了一步。

NPM公司已修改了最新版 npm 6.13.0 的代码,添加了“funding”命令。

它的作用是让维护 npm 的开发人员(为Node.js 创建包)声明元数据,为有意愿的捐赠者指明捐赠平台。

在 package.json 文件中添加了一个“funding” 字段,这个文件列出了各种模块设置和依赖项。funding 可指向在线捐赠服务的 url,如Patreon、Open Collective、GitHub Sponsors、License Zero或者其他支付网站。

之后,使用这些包的应用程序程序员可运行 npm fund,为指定的包的作者进行捐赠,该命令在用户的默认浏览器中打开指定的捐赠服务链接,以操作信用卡进行捐赠等。

npm fund与npm ls

下图可以看到,npm ls 与 npm fund 的区别,ls 只列出包名,如下图所示:

在这里插入图片描述

而 fund 还列出了捐赠平台及其 url,如这张图片:

在这里插入图片描述

NPM 公司的联合创始人和联合首席技术官 Isaac Schlueter 在电话采访中说:“在开源领域,资金是一个长期存在的问题,我们正在解决开源项目需要资金的难题,但很少有方法可以让使用的代码的人直观地了解这些信息,这种融资方式就可以做到”。

Schlueter 认为 NPM 公司的融资机制有利有弊,有利的方面是它确实把一些营销技巧从方程式中剔除了出来,开发者只需要设置一个支付 URL,然后把它放进 “包 “里,当该包管理器被安装时就自动出现在列表上。不利的影响是它很可能奖励的是优秀的营销人员,而不是奖励优秀的开发者。

但当被问及 NPM 公司的融资平台是否有助于为 NPM 本身提供资金时,Schlueter 说:这是很有可能的,但我也不认为这是一个可增长收入的方式。我想强调的是不要让开源生态系统因为被耗尽而瓦解。

解决问题

综上所述,出现231 packages are looking for funding run `npm fund` for details这种情况,不是报错。

如果不想捐赠或者跳过这个提示的话,直接在后面加–no-fund即可,具体命令如下:

npm install --no-fund

执行结果如下图:

sonweb\web>

此时,就没有这条231 packages are looking for funding run `npm fund` for details信息。

参看文献

  • https://www.oschina.net/news/111142/npm-fund

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/408935.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

cookie、localStorage和sessionStorage详解

目录 一、cookie 二、Web storage 1、localStorage 2、sessionStorage的使用 3、复杂数据类型储存 Web Storage带来的好处: 三、sessionStorage、localStorage和cookie的区别 一、cookie cookie是客户端与服务器端进行会话使用的一个能够在浏览器本地化存储…

vue引入elementUi后打开页面报错Uncaught TypeError: Cannot read properties of undefined(reading ‘prototype‘)

vue引入elementUi后打开页面报错 本人在用idea创建vue项目并引入elemenUi之后网页报错: Uncaught TypeError: Cannot read properties of undefined(reading ‘prototype’)。 百度了很多办法都说是因为在vue3中引入了elementUi,vue3.0之后是不支持el…

基于Java+Springmvc+vue+element员工信息管理系统详细设计

博主介绍:✌公司项目主程、全网粉丝10W,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,CSDN博客之星TOP100、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业设计✌ 🍅文末获取源码联系🍅 🍅…

React中实现插槽效果的方案

文章目录React实现插槽children实现插槽props实现插槽React实现插槽 在开发中,我们抽取了一个组件,但是为了让这个组件具备更强的通用性,我们不能将组件中的内容限制为固定的div、span等等这些元素。 我们应该让使用者可以决定某一块区域到…

项目部署,一点也不难!

目录 一、部署前准备 (一)前端多环境准备 (二)后端多环境准备 二、项目部署 (一)原始部署 1、前端部署 2、前端部署测试 3、后端部署 (二)宝塔 Linux 部署 1、前端部署 2…

前端面试八股文--Vue篇(持续更新)

一. Vue2 篇 1.MVC MVVM区别 首先呢这是两种模式 MVC指的是 modal,view, controller MVVM 指的是 modal ,view, view modal mvc和mvvm区别是:1、处理业务的模式不同,MVC里,View是可以直接访…

在 Vue3 中使用 Vuex

本篇文章主要记录 Vue3 中使用 Vuex 的步骤和注意事项: 1、安装依赖库 npm install vuex --save-dev2、配置 Vuex 实例 对比 Vue2 和 Vue3 各自创建 Store 实例的区别; Vue2 是用 Vue.use(Vuex)注入 Vuex 插件,然后通过 new Vuex.Store(o…

真正有效解决vue addRoute动态添加路由后刷新页面白屏的靠谱方法及思路,切实可行!

PS:想直接看解决方法的可以跳过前面的废话阶段从后往前看~ 前情回顾:萌新最近从Vue2转战Vue3,一边自学一遍自己做点娱乐项目练练手,这次Vue3项目权限管理用到动态路由,由于以前一直用的addRoutes()方法已经被废弃&…

如何在Windows server 2012配置Web服务器

现在,我们浏览网页已经成为了一种常态,但是你知道网页是怎么运行的吗? 我们浏览网页,首先会打开浏览器,然后输入网页的地址(当然这里现在已经可以不用我们自己输入地址了,一般现在就是直接搜索…

在vite里获取env环境变量

在vite里获取env环境变量.env环境配置文件在cli项目中我们可以是配置.env.[mode]文件来配置环境变量在cli项目中使用.env.[mode]在vite中使用.env文件.env环境配置文件 在项目中总会遇到一些默认的配置,需要我们配置到静态文件中方便我们去获取,这时候就可以用到这个.env环境变…

vue项目中使用vuedraggable

最近在学习一个可视化搭建的项目,里面用的拖拽就是draggable.js。看了几个中文的文档,有很多坑,可能是没有及时更新的原因。 VUe 建议去看vuedraggable的官方文档,只不过是英文的。官方文档:https://github.com/Sor…

【HTML】筑基篇

🍈作者简介:大家好,我是亦世凡华、渴望知识储备自己的一名在校大学生 🍇个人主页:亦世凡华、的csdn博客 🍓系列专栏:HTML专栏 🥝推荐一款模拟面试刷题神器🔥:…

echarts 定制legend内容,显示和位置

echarts 定制legend内容,显示和位置1.type(当图例很多的时候可以用到)2.orient(图例的排版方向)3.top,bottom,left,right(图例在容器中的位置)4.width,height(图例组件的大小);itemWidth,itemHeight(图例图标的大小)5. align(图例…

六、Echart图表 之 tooltip提示框组件配置项大全

🍓 作者主页:💖仙女不下凡💖 🍓 前言介绍:以下👇内容是我个人对于该技术的总结,如有不足与错误敬请指正! 🍓 欢迎点赞👍 收藏⭐ 留言&#x1f4…

【JavaScript 进阶教程】函数的定义 调用 及 this指向问题

这篇文章开始我们函数的进阶篇,和我们JavaScript基础学的函数有了很多拓展,这篇文章首先我们从函数的定义,调用,及其 this指向 来一个总结。 文章目录: 一:函数的定义 1.1 命名函数 1.2 匿名函数 1…

若依(ruoyi)框架:如何实现灵活自定义路由配置

如何灵活自定义路由配置业务背景如何实现方式一:直接在前端路由表(router/index.js)里面某个路由的meta属性里面配置。方式二:在后台返回动态路由的接口中组装meta信息如何改造效果展示使用方法总结业务背景 随着项目的深入开发&a…

使用 iframe出现了缓存,导致页面不会刷新的解决方案

事情是这样的,我在打代码的时候,需要在A页面里引入B页面我使用了iframe 这个标签 来引入页面B但是我发现 当我更改完页面B的内容 将它上传到服务器后,我访问这个A页面,这个我使用iframe 引入的页面B 的内容并没有更新,经过一番研究…

VsCode工具开发vue项目必装插件

VsCode工具开发vue项目必装插件 目录VsCode工具开发vue项目必装插件1.概述2.VsCode插件清单2.1.Vetur插件让vue文件代码高亮2.2.Vue VSCode Snippets自动生成vue模板内容插件1.安装插件2.使用插件生成vue模板代码2.3.LiveServer实时刷新网页1.安装LiveServer2.使用LiveServer打…

若依框架搭建和使用

一.搭建系统 若依官网:RuoYi 若依官方网站 |后台管理系统|权限管理系统|快速开发框架|企业管理系统|开源框架|微服务框架|前后端分离框架|开源后台系统|RuoYi|RuoYi-Vue|RuoYi-Cloud|RuoYi框架|RuoYi开源|RuoYi视频|若依视频|RuoYi开发文档|若依开发文档|Java开源框…

Jasper Report详细使用教程(保姆级教程),整合Springboot使用

Jasper Report详细使用教程1、下载Jaspersoft Studio2、编写jrxml文件3、编译模板文件4、输出PDF报表(SpringBoot整合)5、解决中文乱码(不显示的问题)6、最后1、下载Jaspersoft Studio 官网下载地址:https://communit…