小编Mar*_*way的帖子

当我建立我的角度库，将其发布到NPM，并用它作为另一个项目的依赖，每当我试图导入我的模块类的就成我的app.module.ts，并得到这个错误Class TekButtonModule is not an Angular module。我遵循了来自多个不同站点的有关如何创建、构建和发布 Angular 库的步骤，但我无法弄清楚为什么它不会将该类识别为有效的模块类。

在我的 app.module.ts 中，这是我导入模块的方式：

import { TekButtonModule } from "tek-angular-uimodules";

@NgModule({
    imports: [
        TekButtonModule
    ]
})
export class AppModule { }

我的库项目遵循 Angular 概述的标准目录结构。设置库项目时，我没有对构建或路径设置进行任何更改。我构建的库项目有一个bundles, esm5, esm2015, fesm5, fesm2015, lib（我的自定义模块和组件所在的位置），以及一个package.json, public-api.d.ts（导出 lib 目录中的所有内容）、README.md、tek-angular-uimodules.d.ts（导出公共 api）和一个tek-angular-uimodules.metadata.json文件。

是否有一些默认情况下未设置的额外配置才能使模块正常工作？

这是我的按钮模块类：

import { CommonModule } from "@angular/common";
import { NgModule } from "@angular/core";
import { TekButton } from …

我正在尝试从我的角度应用程序向我的.NET Core WebAPI后端发送GET请求。两者都在localhost上运行。Angular在端口4200上运行，WebAPI在端口5001上运行。当我在Angular中发出GET请求时，控制台中显示以下错误：

在线搜索后，几乎每个答案都归结为一个问题，即后端服务器上未正确启用CORS。但是，据我所知，我已经正确设置了CORS。这是我对CORS的配置：

这是Angular中的服务功能以及WebAPI中的GET方法：

我知道URL是正确的，因为当我将URL复制到Postman时，它可以按预期工作。

主要是我想知道我是否搞砸了CORS，因为这似乎是此错误消息的主要问题，或者是否还有其他我可能错过的事情。

编辑（解决方案）：好的，通过各种尝试和错误，我相信我已经找到了问题。当我进行初始项目时，我是在JetBrains Rider中进行项目的。我决定尝试在Visual Studio中创建一个新项目，看看会发生什么，但是问题仍然存在。事实证明，问题不在于CORS，而在于无效的HTTPS localhost证书。当我尝试运行console命令时，dotnet dev-certs https --trust我没有弹出确认证书的提示，而只是显示一条没有用的通用错误消息。这是我解决问题的方式（无论这是否是正确的讨论方式）。

1. 运行WebAPI并在Chrome中打开该网站。
2. 在HTTPS连接上，Chrome将允许您通过单击URL旁边的“安全”或“不安全”标签来查看证书信息。我单击了该按钮，然后打开了证书信息窗口。
3. 有一个名为“详细信息”的选项卡，可以将证书保存到计算机中。
4. 保存证书后，我可以右键单击它，然后有一个名为“安装证书”的右键单击选项。
5. 我安装了证书，只需单击下一步，然后将值保留为默认值。之后，Angular应用现在可以按预期进行GET，POST，PUT等请求，并且当我将Web API URL复制到Chrome中时，Chrome现在表示连接是安全的，而不是像以前那样不安全。