npm publish 发布流程(采坑记)

本文主要介绍流程,代码如何书写不会过多描述,首先使用angular-cli初始化项目,如何操作直接略过,最简单不过

  • 一. 首先安装ng-packagr:npm install ng-packagr –save-dev
  • 二. 在项目根目录下创建ng-package.json文件和public-api.ts文件,修改package.json
ng-package.json
{
  "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
  "name": "@ngx-core",
  "version": "0.0.1",
  "ngPackage": {
    "lib": {
      "entryFile": "public_api.ts"
    }
  }
}
public-api.ts
export * from './src/core/base';
export * from './src/core/components';
export * from './src/core/models';
export * from './src/core/pipes';
export * from './src/core/utils';
export * from './src/core/validators';
package.json
{
  "name": "ngx-core",
  "version": "0.0.1",
  "description": "angular5+ core",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "packagr": "ng-packagr -p package.json"
  },
  "private": false, // 必须false
  ...
 }
  • 三. npm发布
1、在根目录下执行命令npm run packagr,命令执行完毕会生成dist目录,该目录就是要publish到npm的模块,
在执行publish命令前需要先登陆npm仓库,如果没有npm账号,可以到https://www.npmjs.com/注册

2、设置仓库地址为npm官方仓库地址(国内大部分都使用阿里淘宝镜像,如果没改publish会失败)
npm config set registry https://registry.npmjs.org/

3、登陆npm,用户名密码邮箱需要全部匹配
npm whoami
npm login
Username: xxxxx
Password:
Email: (this IS public) xxx@gmail.com
Logged in as xxxxx on https://registry.npmjs.org/.

4、登陆完可以publish了,执行以下命令
cd dist && npm publish && cd ../
或npm publish dist
输出以下信息说明发布成功
+ ngx-core@0.0.1
这时登录https://www.npmjs.com/可以看到自己发布的项目
使用npm i ngx-core可以安装并使用了
  • 四. 如果你在发布的时候一切都正常,那么恭喜你,Very Lucky!
1:执行命令npm login或npm adduser时,一直报以下错误登录不上
npm ERR! 301 Could not create user
npm ERR! undefined
解决方法:升级npm node环境,升级到最新版本,引文当前版本可能有点旧了

坑2:执行命令npm publish发布,没有报任何异常,提示发布成功,但是登录npm官网始终找不到你刚发布的package,
执行命令npm i ngx-core或npm view ngx-core versions会报404的问题,这说明发布失败
解决方法:执行命令npm config get registry查看镜像地址,必须是https://registry.npmjs.org/(https),如果不是请修改

重新发布后以上问题解决
  • 11
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值