npm publish 发布流程（采坑记）

逃离我推掉我的手 2022-05-23 01:44 773阅读 0赞

**本文主要介绍流程，代码如何书写不会过多描述，首先使用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），如果不是请修改
    
    重新发布后以上问题解决