Angular CLI - 使用“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/*"
      ]
    }

公共api.ts：

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

我错过了什么？

Answer 1

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

Go 到您的 dist 文件夹并运行

npm pack

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

像这样使用它：

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

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

Answer 2

尝试再次构建它然后运行您的项目有时 angular 无法正确构建库

Answer 3

尝试将 MyLibModule 添加到您的 app.module 导入和导出中。