问题标签 [ng-packagr]

我已经使用 angular-cli 6 开发了一些角度库。使用量角器运行 e2e 时出现以下错误：

似乎是由于库 sg-ng-core-components 中存在以下依赖关系的问题：

在谷歌上我找不到解决方案。有谁知道如何解决这个问题？

我有一个以 Angular 6 运行的 Angular 应用程序，我还有另一个以 Angular 4 运行的应用程序。现在我有一种情况可以在 Angular 6 内重用该 Angular 4 应用程序。当用户单击 Angular 6 中的菜单时需要在组件中加载 Angular 4 应用程序的应用程序。这可能吗？我不想使用 iframe 和对象标签，有什么选择可以实现吗？

在库模块中定义APP_INITIALIZER时，构建失败并出现Lambda not supported错误。根据docs导出函数时会引发构建错误：

dev在和中都会引发构建错误prod。

我也尝试过使用 ES6 对象方法简写符号定义工厂函数：

这同时通过了dev和构建，但是当使用标志构建库和应用程序时，prod应用程序会在运行时引发错误。ERROR TypeError: this.appInits[r] is not a functionprod

一个人如何APP_INITIALIZER在库中正确使用而不出现构建或运行时错误？

可以在这里找到复制品：

1. git clone https://github.com/samherrmann/angular-sandbox.git
2. cd angular-sandbox
3. git checkout lambda-not-supported
4. npm install
5. npm run build

可以在此处找到有关此问题的 GitHub 问题。

我正在尝试构建一个 Angular 4 组件库来跨项目共享代码。为了测试这个功能，我从这篇文章开始。

https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e

库组件构建成功，但是当我将此包导入测试应用程序时，出现以下错误。

Uncaught reflect-metadata shim is required when using class decorators

我什至尝试在https://github.com/angular/angular-cli/issues/2008中提到的 main.ts 中导入 polyfill ，但没有运气。

有没有其他方法可以解决这个问题？

提前致谢！

我创建了一个带有 angular-cli v6 和 ng-packagr 的 angular 库，其中包括 ngx-bootstrap 3.0.1 作为 peerDependency 我运行应用程序没有问题，但是如果我启动量角器，我会收到以下错误：

这是 tsconfig.lib.ts：

这是 tsconfig.e2e：

似乎是由于 ngx-bootstrap.umd，但它在 e2e 测试之外工作。有谁知道这是由于 ng-packagr、量角器还是 ngx-bootstrap 造成的？

有人可以解释一下量角器如何在库的源代码中引发错误（它与 ng serve 一起使用）？

提前致谢

我正在使用 ng-packagr 创建一个组件库。我按照 github 文档下的示例进行操作。我可以创建库、打包并安装它，但我无法将样式和模板内联。这是示例。api，ng 配置文件。

ng-tsconfig.ngc.json

ng-package.json

ng-packager-api.js

public_api.ts

组件下./src/lib/table/table

table.module.ts

table.component.ts

我的输出：

版本

我按照 Nikolas LeBlanc 的教程使用 angular cli https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-设置项目 53b2ade0701e

我可以问你为什么我的应用程序可以与 ng serve 和 ng build 一起使用，但是如果我运行量角器，我的 e2e 测试会失败并显示此消息？

遵循 tsconfig.e2e

这是我的 tsconfig.app

我想将完整的 Angular 4/6 应用程序与路由和指令一起打包。虽然我已经尝试过 ng-packagr，但它适用于单个组件而不是完整的应用程序。

这是 ng-packagr 的链接：

https://medium.com/@nikolasleblanc/building-an-angular-4-component-library-with-the-angular-cli-and-ng-packagr-53b2ade0701e

如果有人对此进行了研究或有任何想法，请告知。提前致谢！

我想将代码与 dist 文件夹一起推送到 git hub，但是在输入命令时，npm i <github-url>我应该将文件放到 dist 中的 node_modules 中。

我想在使用 CLIgenerate library命令创建的 Angular 库中使用 Pure.css 模块。

我有一个工作区应用程序，我在其中运行了generate library创建库的命令。该库已成功创建，我能够链接它并将其安装在不同的项目中。但是我想使用 Pure.css 库中的网格系统，在工作区应用程序的 angular.json 文件（包含库的文件）中，我在库项目的构建配置中有样式条目，例如。

在一个库的组件中，我有一个使用 Pure.css 规则的标记，例如

但是当我在外部项目中使用该组件时，很明显没有应用样式。

所以我在各个组件的 .css 文件中导入了 Pure.css 样式文件，比如

这可行，但我希望 Pure.css 库中的样式包含在整个库中，而不是一个组件。

有没有办法实现这一点，我做了一些搜索，但找不到任何资源，是否可以配置将ng-packagr样式包含在库的构建中？

我正在使用package.json文件中定义的脚本从包含的工作区项目构建库，例如

我一般如何将第三方模块安装到库项目中，我是否通过工作区项目安装它们？

任何帮助表示赞赏，谢谢。