问题标签 [angular-library]

我正在尝试转换我的角度组件，以便它可以在角度和非角度环境中运行。

我已将我的元素添加为导出并将它们添加到自定义元素列表和条目组件列表中，以便它们将作为自定义元素导出。

下面是我的angular-liberary模块导出的代码

然后在 app 模块中作为 forRoot() 导入。

当我从如下所示安装的 npm 导入时，它给了我以下错误

当我直接将它们作为内部模块导入如下时，会出现以下错误。

仍在调试，任何帮助将不胜感激。

我创建了一个库，以便使用 ng-packagr 模块在两个不同的项目之间共享一些组件。

lib的结构是

在我的图书馆

src/package.json ：

src/components/banner/banner.module.ts：

src/index.ts：

在客户端应用程序中

app.module.ts：

一切正常，在本地为应用程序提供服务，但是当我尝试为 prod 构建时，出现以下错误：

错误：由/Users/username/Dev/Work/Essence/app-mobile-network-site/src/app/app.module.ts 中的模块“AppModule”。请添加 @NgModule 注释。

太好了，Angular 已经发布了第 6 版，并且 CLI 提供了一个生成库的选项——他们称之为“备受期待的功能”。

现在，从商业角度来看，我想知道：

• 为什么你真的需要这个，
• 为什么在现有项目内部而不是单独的项目中，您可以像往常一样通过 npm 安装...
• 如果你想在你的项目中使用它，为什么不使用一个模块呢。

所以我明白了，在 npmjs 上发布一些东西，并希望整个世界和未来的互联事物都需要它。图书馆，不错。

在更大公司的大型系统中，我们可以重用库，但我们已经能够通过模块重用东西。每次更改某些内容时，我都需要单独构建库并重新编译..

使用库而不是模块的原因是什么？

（目前我会说一个库可以比一个模块更大，所以我会用它来更好地组织我的应用程序）

现在已经有几个星期了，我正在寻找解决方案。我创建了（使用 ng generate 库）一个带有 UI 的库，用于工作中的新 web 项目......事实上component，“ template library”中的每一个都有ViewEncapsulation.None集合......我知道这不是我们应该使用Angular的方式，但它会让我们重用前几年所做的所有辛勤工作。

我想将样式表“打包”(.css files)到.librarynpm install templatelibstylesfontssrc/app

我想以某种方式为我的用户提供一个原子单元，有人只需要template-lib-tag在他们的中设置 aapp.component.html并且他们都设置好了......然后他们只需要在模板设计中添加他们想要显示/使用的内容。content components

我已经尝试了几乎所有我能找到的“打包”资产，但我要么得到错误，指出Data path "" should NOT have additional properties(styles). 当我尝试将资产或样式添加到angular.json ...或者它没有做我想要它做的事情时，导致它在ng serve期间找不到资产的错误。

我对 Angular 库的要求太高了吗？或者是一个充满components而CSS不是我可以plug进入任何其他 Angular 应用程序的原子单元的库？

我在做什么错/误解，以及我们应该如何将资产“打包”到我们的库中，以便它们在安装包时随行。

感谢您提前澄清。

我在 Angular 库中创建了一个下拉列表，以在我们的应用程序中使用。我使用 angular-material2 作为下拉菜单（mat-select 和 mat-autocomplete）。

我一定是做错了什么，因为我在应用程序中使用下拉菜单时没有得到值。我已经尝试了几乎所有在网上找到的东西，但没有结果。

我评论了大部分内容，我正在尝试解决最简单的版本，但即使在这种情况下，我也没有得到价值。这是我现在拥有的：

DropdownComponent.html 库：

DropdownComponent.ts 库：

DropDownComponent.html 应用程序：

DropdownComponent.ts 应用程序：

库中 writeValue 中的 console.log 为我提供了我在下拉列表中选择的值，但 saveSelect 中的 console.log 显示为 null。因此该值不会发送给父级。知道我做错了什么吗？先感谢您。

我目前正在尝试创建 Angular 6 库并在其他应用程序中使用它们。它似乎运作良好。我正在关注：https ://medium.com/@SirMaxxx/angular-6-creating-a-shareable-control-library-6a27f0ebe5c2

我遇到的一个问题是向此类库添加依赖项，尤其是使用引导程序。

我想要做的是创建一个组件库，它与自定义和 3rd 方样式捆绑在一起，但是似乎没有办法做到这一点？

我希望将对引导程序的引用添加到 angular.json 文件，如下所示：

..但是 Angular 库不包含 angular.json 文件，这让我相信这样的事情是不可能的/不支持的/等等。

帮助？

我知道这个问题类似于Angular 6 custom lib No provider for ComponentFactoryResolver。

错误：StaticInjectorError(AppModule)[AppComponent -> NgRestModelService]: StaticInjectorError(Platform: core)[AppComponent -> NgRestModelService]: NullInjectorError: No provider for NgRestModelService！

要查看完整代码，请访问 GitHub 上的存储库。

我遵循了Angular 的文档（和Angular 的示例代码），但是显示了这个错误。

简而言之：有一个服务应该配置 API 的基本 URL，但配置没有提供给服务的构造函数，即使它存在于forRoot()NgModule 的方法中。

应用模块：

库模块：

库服务：

I'm a little confused as to how im supposed to reference external npm packages in my library angular6 project. We have an internal scss library I'd like to use to style my reusable components in my library. How do i go about importing that?

package.json for lib project:

When I build the library project I get this:

我开始接触 Angular 6 位，并且对 Angular Elements 以及新的库项目非常感兴趣。我有一个即将进行的项目，可能需要这两个新功能。

我需要创建可跨 Web 框架重用的自定义 UI 组件，但我也希望在 Angular 项目中使用它们时获得一流的支持。我已经按照这个教程学习了一个 angular6 应用程序，它注册了自定义元素，并将 webpack 包连接到一个文件中。然后我可以在纯 html 页面中使用该单个 js 文件，并且一切正常。

关键是在库项目中创建这些自定义元素会很棒。这样我就可以在我们的内部 npm 注册表上分发我的库，以及构建包含所有自定义元素的 js 并将其部署在 CDN 上。

是否可以在新的库项目中构建 Angular Elements？

我创建了一个自定义 angular/ionic 库，我想将它 npm install 并导入到我的其他项目中。我可以这样做

但是，当我只将它留在没有 src 的“库名称”时，它会抱怨它找不到该模块。是 tsconfig 的工作还是 package.json 的工作来告诉 typescript 编译器库的 src 下的 index.ts 是主文件？我将它们都设置为

此外，将其保留在 'library-name/src' 对我来说不是一个选项，因为由于某种原因，当我明确导入打字稿文件时，我看到 ENOENT index.js 不是文件。超级迷茫！