javascript - 如何在 Javascript 组件文件之间导出/导入模块

Question

我有一个关于页面如何处理导入的一般性问题。当您将一个文件导入另一个文件时，导入的文件声明和导入在您将其导入的文件中是否可用？

建议我不要将相同的组件导入到多个模块中，而是在主模块中导入该组件，并在我想要使用它的其他页面中继承该组件。我不知道如何执行此操作。当我仅导入主模块(如下所示)时，我仍然收到错误，提示我的导入 ChartComponent 未定义。如何将模块导入到其他模块中？

我有一个包含以下代码的页面:

main.module.ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { MainPage } from './main';
import { MomentModule, TimeAgoPipe } from "angular2-moment";
import { AlertCardComponent } from '../../components/alert-card/alert-card';  
import { AlertCardManageComponent } from '../../components/alert-definition-card/alert-definition-card';  
import { ThingCardComponent } from '../../components/thing-card/thing-card';
import { ThingDetailsPage } from '../thing-details/thing-details';
import { AttributesPage } from "../attributes/attributes";

import { ChartComponent } from '../../components/chartist/chart.component';

@NgModule({
  declarations: [
    MainPage,
    AlertCardComponent,
    AlertCardManageComponent,
    ThingCardComponent,
    ChartComponent
  ],
  imports: [
    IonicPageModule.forChild(MainPage),
    MomentModule
  ],

  exports: [AlertCardComponent,AlertCardManageComponent,ThingCardComponent,ThingDetailsPage,AttributesPage]

})
export class MainPageModule { }

我想从此页面访问 { ChartComponent } 导入/声明，并让以下两个文件继承它:

things-details.module.ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { ThingDetailsPage } from './thing-details';
import { MomentModule } from "angular2-moment";
import { MainPageModule } from '../main/main.module'; 
// import { ChartComponent } from '../../components/chartist/chart.component';

@NgModule({
  declarations: [
    ThingDetailsPage,
    // ChartComponent
  ],
  imports: [
    IonicPageModule.forChild(ThingDetailsPage),
    MomentModule,
    MainPageModule
  ] 
})
export class ThingDetailsPageModule {}

+

attributes.module.ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { AttributesPage } from "../attributes/attributes";
import { MainPageModule } from '../main/main.module';
import {MomentModule} from "angular2-moment";
// import { ChartComponent } from '../../components/chartist/chart.component';

@NgModule({
  declarations: [
    AttributesPage,
    // ChartComponent
  ],
  imports: [
    IonicPageModule.forChild(AttributesPage),
    MomentModule,
    MainPageModule
  ] 
})
export class AttributePageModule {} 

如上所示，我将 MainPageModule 导入到每个子文件中，但我仍然无法从 main.module.ts 文件访问 { ChartComponent } 导入和声明。

如有任何帮助，我们将不胜感激，谢谢。

Answer 1

所有模块都将导入到主模块中。

尝试使用到main.module.ts:

imports: [
    IonicPageModule.forChild(MainPage),
    MomentModule,
    ThingDetailsPageModule,
    AttributePageModule
],

注释这些文件中的 MainPageModule 行

things-details.module.ts
attributes.module.ts