Angular Ionic 3，深度链接：每个@IonicPage组件必须有自己的.module.ts吗？

考虑到下面的Ionic3项目结构，我需要深度链接来正确反映url中当前的“面包屑”

主要问题：必须我有一个

src/pages/journal/add entry/add entry.module.ts

文件？或者可以

src/pages/journal/journal.module.ts

将所有@IonicPages集中在子文件夹中以及它自己的journal.ts组件中，就像下面的代码尝试的那样

journal.module.ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { JournalPage } from './journal';
import {AddEntry} from "./add-entry/add-entry";

@NgModule({
  declarations: [
    JournalPage,
    AddEntry
  ],
  imports: [
    IonicPageModule.forChild(JournalPage),
    IonicPageModule.forChild(AddEntry),
  ],
  exports: [
    JournalPage,
    AddEntry
  ]
})
export class JournalModule {}

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'page-journal',
  templateUrl: 'journal.html',
})
export class JournalPage {}

import { Component } from "@angular/core";
import { IonicPage } from "ionic-angular";

@IonicPage()
@Component({
  selector: "page-add-entry",
  templateUrl: "add-entry.html"
})

export class AddEntry{}

journal.ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { JournalPage } from './journal';
import {AddEntry} from "./add-entry/add-entry";

@NgModule({
  declarations: [
    JournalPage,
    AddEntry
  ],
  imports: [
    IonicPageModule.forChild(JournalPage),
    IonicPageModule.forChild(AddEntry),
  ],
  exports: [
    JournalPage,
    AddEntry
  ]
})
export class JournalModule {}

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'page-journal',
  templateUrl: 'journal.html',
})
export class JournalPage {}

import { Component } from "@angular/core";
import { IonicPage } from "ionic-angular";

@IonicPage()
@Component({
  selector: "page-add-entry",
  templateUrl: "add-entry.html"
})

export class AddEntry{}

添加条目。ts

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { JournalPage } from './journal';
import {AddEntry} from "./add-entry/add-entry";

@NgModule({
  declarations: [
    JournalPage,
    AddEntry
  ],
  imports: [
    IonicPageModule.forChild(JournalPage),
    IonicPageModule.forChild(AddEntry),
  ],
  exports: [
    JournalPage,
    AddEntry
  ]
})
export class JournalModule {}

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

@IonicPage()
@Component({
  selector: 'page-journal',
  templateUrl: 'journal.html',
})
export class JournalPage {}

import { Component } from "@angular/core";
import { IonicPage } from "ionic-angular";

@IonicPage()
@Component({
  selector: "page-add-entry",
  templateUrl: "add-entry.html"
})

export class AddEntry{}