Angular Adminlte-部署中的LoadscriptDirective问题

时间:2019-06-09 20:26:55

标签: angular adminlte

我为Angular 7应用程序使用了AdminLte模板。

loadscript

在我的应用模块中

import { LoadscriptDirective } from './directives/loadscript.directive';
@NgModule({
declarations: [
AppComponent,
LoadscriptDirective,

在我的directive.module.ts

我有:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { LoadscriptDirective } from './loadscript.directive';

@NgModule({
  declarations: [
LoadscriptDirective
 ],
  imports: [
CommonModule
  ],
  exports: [
LoadscriptDirective
  ]
})
export class DirectivesModule { }

我跑步时是我的Angularcli

  

ng build --prod

我收到此错误:

loadscripterror

  

错误:在app / directives / loadscript.directive.ts中键入LoadscriptDirective是以下两个模块的声明的一部分:/app/app.module.ts中的AppModule和app / directives / directives.module.ts中的DirectivesModule!请考虑将app / directives / loadscript.directive.ts中的LoadscriptDirective移到一个更高的模块,该模块可以将app / app.module.ts中的AppModule和app / directives / directives.module.ts中的DirectivesModule导入。您还可以创建一个新的NgModule,该导出并在app / directives / loadscript.directive.ts中包含LoadscriptDirective,然后在app / app.module.ts中的AppModule中将该NgModule导入,在app / directives / directives.module.ts中的DirectivesModule中导入。 / p>

我该如何解决此问题

1 个答案:

答案 0 :(得分:0)

您需要将指令模块导入到您的应用模块中,而不是特定的指令中,问题是LoadscriptDirective应该只属于一个模块。

尝试以下操作,以这种方式导入包含指令的模块。

@NgModule({
  imports: [ DirectivesModule ],
  declarations: [ AppComponent ];

这应该允许您在需要的地方使用该指令,并且可以更好地处理导入,这应该可以解决您的错误。


Here,您可以在角度NgModule's周围找到一些读数。