问题标签 [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.
angular - 捆绑版本中未提供 Angular 5 服务
我们有一个 Angular 5 沙盒应用程序,其中处理了我想在其他应用程序中重用的组件,以及一个模拟这些组件在真实应用程序中的集成的演示组件。
我们按照建议使用 ng-packagr 在我们的 lib 文件夹中构建组件,以便我们可以在其他应用程序中将它们作为 npm 包重用。
一切正常,直到一次提交使 ng-packgr build 在运行时生成错误:未提供从组件构造函数调用的所有服务。
错误类型错误:无法读取未定义的属性“someObs$”
其中 someObs$ 是在 Component 的构造函数中调用的服务的可观察对象:
在这个提交中没有什么重要的,更重要的是对服务提供架构、模块等没有任何影响。
当然,我所有的提供者都是正确的,因为错误只发生在 ng-packgr build 而不是 ng serve local development。
编辑:更新了与 ng-packagr 构建过程相关的问题
ionic-framework - 使用 ng-packagr 构建 Ionic 组件库
我非常需要为我组织的 Ionic 资产构建一个单一仓库。我们制作了一套应用程序,并希望尽可能多地共享以缩短我们的上市时间。我ng-packagr
一周前发现的,认为它比我以前使用的方法要好得多。
无论如何,我正在开发一个概念验证,并且无法ionic-angular
编译库。ngc
休息,我不知道如何去修复它。
首先,让我分享一下package.json
,看看我是否走在正确的轨道上:
我正在尝试构建一个漂亮的香草组件,只需使用 shell Ionic 空白模板并app.module.ts
在我的public_api.ts
文件中导出。
运行打包程序时,出现以下错误:
有没有可能我使用了错误的版本ng-packagr
?
提前致谢。
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 对象添加paths
和lib\externals
属性,但这没有帮助。
我究竟做错了什么?
angular - 如何在 Angular 4 模块中导出简单的 TypeScript 类?
我有一个简单的 TypeScript 类,我想将它与一个模块一起打包,并最终使用ng-packagr
.
例如我的班级定义是 -
例如我的模块定义是 -
但是当我尝试导出FoundationModule
in public-api.ts
of 时ng-packagr
,出现以下错误 -
如何在 Angular 模块中打包单个类?
angular - 如何在 Angular 6 库中创建延迟加载的功能模块?
我使用 Angular CLI 6 命令创建了一个库。
基本上,库是一个功能模块,它包含许多子功能模块,通过路由(延迟加载)连接。
我在运行时收到以下错误
我尝试了所有可能的路径
但没有任何效果
是否支持带有 ng-packagr 的角库延迟加载?
angular - 无法使用 ngPackagr 使用资产/图像来创建角度模块
我正在使用 ngPackagr 创建一个角度可重用模块。那里一切正常,但我在内部引用的图像没有出现在我安装组件的最终版本中。我尝试使用以下线程中的操作:
https://github.com/dherges/ng-packagr/issues/123
但他们似乎都没有工作。任何人都可以在这里提供一些帮助吗?
javascript - 无法在 Angular 5 npm 包中传递 @Input 变量(使用 ng-packagr 创建)
我使用 ng-packagr 从 Angular 5 项目创建了 npm 包,现在我正尝试在新项目中安装该包。我在新项目的 NgModule 中包含包并像这样使用它:
该组件呈现,html 和包含的 css 显示,但 @Input 字段(输入 1 和输入 2)未定义。
这是我的 component.ts 的示例:
它 console.logs 未定义..
如果有人知道答案,我将非常感谢您的回复!谢谢!
javascript - 如何围绕现有的 Javascript 库创建 Angular 包装器?
我有一个纯 JavaScript 库,用户可以通过 npm 安装。我想在这个库中添加/创建一个 Angular“包装器”,以便它可以在 Angular 项目中无缝使用,但我不知道该怎么做。我正在使用 Angular-cli v6。
这与如何为现有的 Javascript 库创建 Angular 库包装器非常相似?,但是唯一的响应是指向 ng-packagr 的链接。我已经完成了一些关于使用 ng-packagr 创建库的教程,但是它们没有描述(我在其他地方找不到示例)如何围绕非 Angular JS 库创建包装器。
任何帮助是极大的赞赏!:)
angular - 'rootDir' 应包含所有源文件
我有一个 Angular CLI 工作区,其中包含两个库项目,foo
并且bar
. 当我构建两个库中的第二个时foo
,构建失败并出现以下错误:
错误 TS6059:文件“/code/projects/bar/src/lib/types.ts”不在“rootDir”“/code/projects/foo/src”下。'rootDir' 应包含所有源文件。
我已经在 GitHub 上的沙盒存储库中重现了该错误。我已经尽可能地简化了代码,同时仍然遇到错误。您可以通过npm run build
在rootDir-expect-all-source-files-error分支上执行来重现错误。错误的原因是什么?这可能是ng-packagr
or ngc
or的错误tsc
吗?或者它只是一个配置问题?
观察
下面是我可以使构建通过的代码更改,但我想知道是什么导致了代码的错误。
bar.component.ts
构建失败
构建通行证
在构造函数中初始化列表属性而不是内联
酒吧服务.ts
构建失败
构建通行证
删除数据类型
angular-cli - 在 ng-packagr 中禁用 TypeScript 不匹配
在 Angular CLI 项目中,当使用不受支持的 TypeScript 版本时,您可能会收到以下警告:
可以使用以下命令禁用默认项目的 TypeScript 不匹配警告:
现在,在构建 Angular 库时ng-packagr
,即使typescriptMismatch
设置为false
. 是否可以暂时禁用此错误?据了解,这不应该在生产环境中进行,但在调试可能由 TypeScript 引起的问题时可能会有所帮助。以下StackOverflow 问题用作示例用例。