发布一个npm包

简介: 发布一个npm包

首先需要去npm官网注册一个账号
https://www.npmjs.com/
注册好账号之后,如果你本地使用的是淘宝的镜像,则需要将本地的npm源切换成npm自己的地址

查看当前镜像源

npm get registry

切换淘宝镜像源

npm config set registry http://registry.npm.taobao.org

切换npm源

npm config set registry https://registry.npmjs.org/

切换成npm源后打开终端,如果是第一次在本机发包,则先添加你的npm账号到本地。输入命令

npm adduser

image.png
输入你的用户名,回车,然后再输入密码
image.png
依次输入用户名 密码 邮箱 验证码,即可登陆成功。

如果不是第一次发包则直接npm login 登陆就行

接着npm publish 发布即可

如果有不想发布出去的文件,就可以将它写入.gitignore 或.npmignore中,上传就会被忽略了

发布好之后就可以在npm上搜到你的包了。
image.png
记住每次发布的包版本号都需要变更,不然会导致发布失败。

下面总结我在发布时遇到的几个发布失败的错误码,以及解决方法

1、401

401一般就是你的账号密码输入有误导致的。自己核对后重新登陆即可

2、402
这个问题一般是你尝试发布到公共范围导致的问题

npm ERR! code E402
npm ERR! 402 Payment Required - PUT https://registry.npmjs.org/.... - You must sign up for private packages

因为默认访问级别为私有。要解决此问题,可以设置npm config set access public或添加以下内容到package.json

{
   
  // ...
  // 添加以下
  "publishConfig": {
   
    "access": "public",
    "registry": "https://registry.npmjs.org/"
  }
  // ...
}

3.403
一般出现403就表示你的包名已经被别人使用了。解决办法就是换一个包名。
但大多数时候我建议你将包放在一个唯一的域下,这样以后你的包就不会出现和别人重名的情况,一般这个域会以你的npm username为名,前面加上@。
例如 @username/xxx

4.404
出现404的问题,就是你的组织未找到,也就是403状态码中解决办法提到的将包放到一个私有的域下。这个名字你当然不能胡乱写,npm会去搜索是否有这个名字,有的话将你本次的包添加到他下面,没有就会给你报404的错误了。所以大多数时候直接以你的npm 用户名就行了
以上就是本篇的全部内容

相关文章
|
7月前
|
JavaScript Linux 数据安全/隐私保护
node内网安装npm私服以及依赖包上传发布verdaccio
node内网安装npm私服以及依赖包上传发布verdaccio
492 1
|
2月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章介绍了npm的基础知识和常用命令,包括安装包、查看包信息、管理依赖等操作,并提供了如何删除npm安装的镜像以及如何彻底删除node_modules文件夹的具体步骤。
105 2
|
2月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章是关于npm包管理工具的学习、使用指南,包括npm概述、基础命令和如何安装webpack。
73 3
npm学习一:npm 包管理工具 学习、使用。
|
2月前
|
资源调度 前端开发 安全
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
129 0
|
5月前
|
运维 Kubernetes Java
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
|
4月前
NPM——删除已发布的包
NPM——删除已发布的包
151 1
|
4月前
|
JavaScript 前端开发 开发者
从零到一:教你如何发布自己的npm插件包
从零到一:教你如何发布自己的npm插件包
|
4月前
|
JavaScript
GitHub——自动发布NPM包
GitHub——自动发布NPM包
37 0
|
7月前
|
前端开发 JavaScript 数据安全/隐私保护
从0到1开发一个自己的npm包完整过程
创建自己的 npm 包涉及六个步骤:1) 注册 npm 账号;2) 使用 `npm init` 初始化项目,确保 package.json 的 name 唯一且 private 为 false;3) 开发项目,可封装 UI 组件、函数库或命令行工具;4) 本地调试,通过 `npm link` 在项目中测试;5) `npm login` 登录账号,可能需切换至官方仓库;6) 使用 `npm publish` 发布项目。注意版本号递增,无意义的包不建议发布。
634 2
从0到1开发一个自己的npm包完整过程
|
7月前
|
JSON 小程序 前端开发
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
微信小程序按需引入 vant 组件,自动清除项目中未使用的 vant 组件,减少代码包大小,避免因未使用到的 vant 组件触发隐私协议提交审核时被拒
94 1
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议