Angular CLI - 使用使用 'Cannot find module' 创建的自定义库时出现 'ng new library'

Question

在使用 Angular CLI 使用 ng new library lib-name 创建我自己的库后，我正在尝试使用它。 .

我正在尝试按记录导入库，这样:

import {MyLibModule} from 'ngx-mylib';

但我收到以下错误:

 error TS2307: Cannot find module 'ngx-mylib'.

我做了 ng build ngx-mylib并且还验证了我的 tsconfig.json 具有以下路径(使用 CLI 自动添加):

"paths": {
      "ngx-mylib": [
        "dist/ngx-chartjs"
      ],
      "ngx-mylib/*": [
        "dist/ngx-chartjs/*"
      ]
    }

公共(public)api.ts:

export * from './lib/charts.service';
export * from './lib/chart.component';
export * from './lib/charts.module';

我错过了什么？

Answer 1

构建库后，您必须打包它。

转到您的 dist 文件夹并运行

npm pack

这将创建一个 your-lib-name.tgz 文件，然后您可以在您的项目中使用它。

像这样使用它:

npm install path-to-your-tgz-file/your-lib.tgz

您还可以将其发布到 npm 或私有(private)存储库。