Angular 即使在添加到条目组件后,也未找到ngx引导模式组件

Angular 即使在添加到条目组件后,也未找到ngx引导模式组件,angular,angular6,ngx-bootstrap,ngx-bootstrap-modal,Angular,Angular6,Ngx Bootstrap,Ngx Bootstrap Modal,最近,我将一个ASP.NET Core 2.0 Angular应用程序转换为ASP.NET Core 2.1(稍后使用Angular/cliapp)。在以前的版本中,我使用ngx引导构建了一些模态组件,这些组件工作正常。但在转换后,这些组件停止工作,并开始抛出此错误- 未找到{component}的组件工厂。您是否将其添加到@NgModule.entryComponents 我已将以下内容添加到我的app.module.ts文件中- @NgModule({ imports: [

最近,我将一个ASP.NET Core 2.0 Angular应用程序转换为ASP.NET Core 2.1(稍后使用
Angular/cli
app)。在以前的版本中,我使用ngx引导构建了一些模态组件,这些组件工作正常。但在转换后,这些组件停止工作,并开始抛出此错误-

未找到{component}的组件工厂。您是否将其添加到@NgModule.entryComponents

我已将以下内容添加到我的app.module.ts文件中-

@NgModule({
    imports: [
        ModalModule.forRoot(),
        MySubModule
    ],
    entryComponents: [
        MyModalComponent
    ]
})
在我的
MySubModule
-

@NgModule({
    declarations: [
        MyModalComponent
    ],
    imports: [
        ModalModule.forRoot()
    ]
    exports: [
        MyModalComponent
    ]
})

即使我已经定义了我的入口组件,它也会抛出这个错误。有人能提出任何解决方案吗?

您正在MyModalComponent中使用modal,并且您使用MySubModule作为它的模块,因此您应该将import ModalModule添加到MySubModule中,并在app.module.ts中声明您的MySubModule

在MySubModule中:

import { ModalModule } from 'ngx-bootstrap/modal';

@NgModule({
    declarations: [
        MyModalComponent
    ],
    imports: [
        ModalModule.forRoot()
    ]
    exports: [
        MyModalComponent
    ]
})
export class MySubModule { }
在您的app.module.ts中:

@NgModule({
    imports: [
        MySubModule
    ]
})

export class AppModule { }

而且最好是使用

这实际上是一个愚蠢的问题。我只查看了我的代码,但问题是由
ClientApp/dist
目录中的一些文件引起的。因此,应用程序正在提取这些文件,而不是提取
ng service
文件。所以,我对我的文件所做的任何更改都不会被接受。从dist文件夹中删除所有内容修复了此问题。

导入:[ModalModule.forRoot()],
添加到您的MySubModule。是的,我已经尝试过了。仍然不起作用。根据您在MyModalComponent中使用的是modal,并且您使用的是MySubModule作为它的模块,所以您应该从“ngx引导/modal”添加
import{ModalModule};//或从“ngx引导”导入{ModalModule}@NgModule({imports:[ModalModule.forRoot(),…]})
到你的MySubModule,并在app.module.ts中声明你的MySubModule。这只是一个例子,我有其他直接在appmodule中声明的模态组件。没问题,你只需要将ModalModule导入到你的组件正在使用的模块。找到问题了。该问题是由以前生成的一些剩余文件引起的。我将发布一个答案。