角度2：导入无法找到模块的问题

Question

在Ionic 2 + Angular 2项目中，我们有一个文件夹“ profile”，其中有“ profile.html”和“ profile.ts”，而在后者中，我们有三个组件，分别是两个模式和一个对话框。

由于文件“ profile.ts”包含这些组件太大，因此我将其中两个（另一个很小，并且在同一个文件中有意义）移动到了同一文件夹中的特定文件：“ profileEdit.ts”，“ hobbiesDialog.ts”，生成以下文件夹树：

$ project / src / pages / profile

• profile.ts
• profile.html
• profileEdit.ts
• profileEDit.html
• profile.scss
• hobbiesDialog.ts（模板编码在里面）

所以现在，我的profile.ts具有以下导入：

import { Component, Input } from '@angular/core';
import { NavController, ViewController, PopoverController, ModalController } from 'ionic-angular';
import { AlertController, ToastController, NavParams } from 'ionic-angular';
import  Parse from 'parse';

import { LoginPage } from '../login/login';
import { ProfileEditModal } from 'profileEdit';

最后一个失败：以某种方式，Angular找不到模块：

未捕获的错误：在eval找不到模块“ profileEdit”

我还将这些模块添加到app.module.ts中：

// more imports
import { ProfilePage, ProfilePopover } from '../pages/profile/profile';
import { ProfileEditModal } from '../pages/profile/profileEdit';
import { HobbiesPopover } from '../pages/profile/hobbiesDialog';

还将它们添加到@NgModule的声明和entryComponents数组中。

...但是它行不通！ 它曾经在单个文件中时可以工作，但现在不行了。 我在这里做错了什么？

Answer 1

每当导入同一目录级别的类时，都应该像导入

'./fileName.extension'

Answer 2

尝试import { ProfileEditModal } from './profileEdit';