Angular CLI-使用“ ng new library”创建的自定义库时,“ Cannot find module”

虚幻

在使用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';

我缺少什么?

何塞·马托斯(Jose Matos)

构建库之后,您必须打包它。

转到您的dist文件夹并运行

npm pack

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

像这样使用它:

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angular CLI-如何使用ng build在构建时传递版本(自定义变量)

Angular CLI 6.无法在app.module的子模块中使用自定义库组件

如何使用angular-cli和ng-bootstrap自定义Bootstrap 4 SCSS变量?

Angular cli - ng new 卡在 Stylus 中

如何使用Angular CLI + ng-packagr + state mgmt构建Angular 4组件库?

Angular 2 CLI-如何使用由angular-cli ng创建的/ dist文件夹文件

使用Angular CLI 1.6.0时,ng服务使用什么服务器?

如何使用angular-cli自定义bootstrap 4

angular-cli中使用的.map文件有哪些,ng build不能创建这些文件吗?

当我使用ng build时停止angular cli要求收集分析

Angular CLI8。在tsconfig.json中使用“路径”时,“ ng serve”失败

使用ng-class angular js进行自定义

使用ng-repaet时未在angular自定义指令中调用click处理程序

Angular CLI(ng)使用单引号而不是双引号

使用NPM获取ng-bootstrap以用于angular cli项目

在angular \ cli中使用ng2-ckeditor

Angular 2 CLI“ ng generate component”命令找不到app.module

使用SystemJS将ng2-ace库集成到新创建的angular-cli(angular2)项目中

ng服务后和更新时Angular 4 CLI太慢

使用jQuery的自定义JavaScript代码在Angular 5(angular-cli)中不起作用

如何使用Angular-Cli / Webpack导入PouchDb-Find

使用 Angular CLI ng e2e 并同时传递 --config 和 --specs 选项时出现问题

使用自定义 ng-prime 上传控件和 Angular 上传文件时出现问题

Angular 2,使用Angular Cli和Ui Router Ng2,解决/拒绝

Angular CLI自定义构建器

Angular CLI自定义Webpack配置

如何在自定义`ng new`中调用库的`ng add`

使用Angular Cli自定义生成的文件名

使用Angular Cli减少PrimeNg库的大小