问题标签 [ng-packagr]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
60 浏览

angular - 捆绑版本中未提供 Angular 5 服务

我们有一个 Angular 5 沙盒应用程序,其中处理了我想在其他应用程序中重用的组件,以及一个模拟这些组件在真实应用程序中的集成的演示组件。

我们按照建议使用 ng-packagr 在我们的 lib 文件夹中构建组件,以便我们可以在其他应用程序中将它们作为 npm 包重用。

一切正常,直到一次提交使 ng-packgr build 在运行时生成错误:未提供从组件构造函数调用的所有服务。

错误类型错误:无法读取未定义的属性“someObs$”

其中 someObs$ 是在 Component 的构造函数中调用的服务的可观察对象:

在这个提交中没有什么重要的,更重要的是对服务提供架构、模块等没有任何影响。

当然,我所有的提供者都是正确的,因为错误只发生在 ng-packgr build 而不是 ng serve local development。

编辑:更新了与 ng-packagr 构建过程相关的问题

0 投票
1 回答
741 浏览

ionic-framework - 使用 ng-packagr 构建 Ionic 组件库

我非常需要为我组织的 Ionic 资产构建一个单一仓库。我们制作了一套应用程序,并希望尽可能多地共享以缩短我们的上市时间。我ng-packagr一周前发现的,认为它比我以前使用的方法要好得多。

无论如何,我正在开发一个概念验证,并且无法ionic-angular编译库。ngc休息,我不知道如何去修复它。

首先,让我分享一下package.json,看看我是否走在正确的轨道上:

我正在尝试构建一个漂亮的香草组件,只需使用 shell Ionic 空白模板并app.module.ts在我的public_api.ts文件中导出。

运行打包程序时,出现以下错误:

有没有可能我使用了错误的版本ng-packagr

提前致谢。

0 投票
1 回答
410 浏览

angular - Angular 6 包模块内依赖

我正在尝试创建一个包含多个模块但在模块依赖方面遇到困难的库。我正在使用 Angular 6:

我首先创建了一个新库,使用ng g library package它创建了以下结构

我想添加一个子包,该子包将具有一个依赖于主包的模块。ng-packagr 用于子包的结构(据我所知)是这样的:

sub-package.module 依赖于 package.module。我不能在 sub-package.module 中使用相对路径进行导入,因为我收到一条错误消息,指出包的所有代码都应该在 rootDir 中。

当我尝试使用添加到 tsconfig 的路径 ng-packagr 时(创建库时),我收到一个错误Cannot read property 'isSkipSelf' of null

我尝试向子包 package.json 中的 ngPackage 对象添加pathslib\externals属性,但这没有帮助。

我究竟做错了什么?

0 投票
2 回答
8566 浏览

angular - 如何在 Angular 4 模块中导出简单的 TypeScript 类?

我有一个简单的 TypeScript 类,我想将它与一个模块一起打包,并最终使用ng-packagr.

例如我的班级定义是 -

例如我的模块定义是 -

但是当我尝试导出FoundationModulein public-api.tsof 时ng-packagr,出现以下错误 -

如何在 Angular 模块中打包单个类?

0 投票
3 回答
1285 浏览

angular - 如何在 Angular 6 库中创建延迟加载的功能模块?

我使用 Angular CLI 6 命令创建了一个库。

基本上,库是一个功能模块,它包含许多子功能模块,通过路由(延迟加载)连接。

我在运行时收到以下错误

我尝试了所有可能的路径

但没有任何效果

是否支持带有 ng-packagr 的角库延迟加载?

0 投票
1 回答
744 浏览

angular - 无法使用 ngPackagr 使用资产/图像来创建角度模块

我正在使用 ngPackagr 创建一个角度可重用模块。那里一切正常,但我在内部引用的图像没有出现在我安装组件的最终版本中。我尝试使用以下线程中的操作:

https://github.com/dherges/ng-packagr/issues/123

但他们似乎都没有工作。任何人都可以在这里提供一些帮助吗?

0 投票
1 回答
124 浏览

javascript - 无法在 Angular 5 npm 包中传递 @Input 变量(使用 ng-packagr 创建)

我使用 ng-packagr 从 Angular 5 项目创建了 npm 包,现在我正尝试在新项目中安装该包。我在新项目的 NgModule 中包含包并像这样使用它:

该组件呈现,html 和包含的 css 显示,但 @Input 字段(输入 1 和输入 2)未定义。

这是我的 component.ts 的示例:

它 console.logs 未定义..

如果有人知道答案,我将非常感谢您的回复!谢谢!

0 投票
1 回答
1010 浏览

javascript - 如何围绕现有的 Javascript 库创建 Angular 包装器?

我有一个纯 JavaScript 库,用户可以通过 npm 安装。我想在这个库中添加/创建一个 Angular“包装器”,以便它可以在 Angular 项目中无缝使用,但我不知道该怎么做。我正在使用 Angular-cli v6。

这与如何为现有的 Javascript 库创建 Angular 库包装器非常相似?,但是唯一的响应是指向 ng-packagr 的链接。我已经完成了一些关于使用 ng-packagr 创建库的教程,但是它们没有描述(我在其他地方找不到示例)如何围绕非 Angular JS 库创建包装器。

任何帮助是极大的赞赏!:)

0 投票
5 回答
46785 浏览

angular - 'rootDir' 应包含所有源文件

我有一个 Angular CLI 工作区,其中包含两个库项目,foo并且bar. 当我构建两个库中的第二个时foo,构建失败并出现以下错误:

错误 TS6059:文件“/code/projects/bar/src/lib/types.ts”不在“rootDir”“/code/projects/foo/src”下。'rootDir' 应包含所有源文件。

我已经在 GitHub 上的沙盒存储库中重现了该错误。我已经尽可能地简化了代码,同时仍然遇到错误。您可以通过npm run buildrootDir-expect-all-source-files-error分支上执行来重现错误。错误的原因是什么?这可能是ng-packagror ngcor的错误tsc吗?或者它只是一个配置问题?

观察

下面是我可以使构建通过的代码更改,但我想知道是什么导致了代码的错误。

bar.component.ts

构建失败

构建通行证

在构造函数中初始化列表属性而不是内联

酒吧服务.ts

构建失败

构建通行证

删除数据类型

0 投票
1 回答
1397 浏览

angular-cli - 在 ng-packagr 中禁用 TypeScript 不匹配

在 Angular CLI 项目中,当使用不受支持的 TypeScript 版本时,您可能会收到以下警告:

可以使用以下命令禁用默认项目的 TypeScript 不匹配警告:

现在,在构建 Angular 库时ng-packagr,即使typescriptMismatch设置为false. 是否可以暂时禁用此错误?据了解,这不应该在生产环境中进行,但在调试可能由 TypeScript 引起的问题时可能会有所帮助。以下StackOverflow 问题用作示例用例。